Loading...
Loading...
Found 2 Skills
Design token management with W3C Design Token Community Group specification, three-tier token hierarchy (global/alias/component), OKLCH color spaces, Style Dictionary transformation, and dark mode theming. Use when creating design token files, implementing theme systems, managing token versioning, or building design-to-code pipelines.
Extract and structure design tokens from existing CSS, Tailwind config, Figma variables, or design descriptions. Use when asked to extract tokens, create a token system, audit design consistency, or migrate from hardcoded values to a token architecture. Outputs tokens in CSS custom properties, Tailwind config, and Style Dictionary JSON formats.