Design Token Bridge
A design token management tool bridging designers and developers with a token tree browser, side-by-side multi-platform export previews, theme variant switching, version diff viewer, and neutral gray chrome where colored token values are th
Apply this design skill
Read the SKILL.md at https://joincommons.cc/api/items/design-token-bridge and apply its design language to my project
Design Language
A developer-designer bridge tool with a token tree browser on the left, side-by-side platform export previews (CSS/iOS/Android/Figma) on the right, theme variant switching (light/dark/brand), a version diff viewer for changed tokens, and neutral gray chrome with colored token values as the only color source.
Agent instructions (SKILL.md)(advanced)
Design Skill
This Design Skill provides the visual system for building design token management and multi-platform export tools. The system bridges designers and developers with a token tree browser on the left, syntax-highlighted platform export previews (CSS/iOS/Android/Figma) on the right, theme variant switching (light/dark/brand), version diff viewers with red/green highlighting, and usage analytics. Neutral gray chrome ensures that the only saturated colors in the workspace are actual token color values rendered as inline swatches.
