design-system-tokens
Design token management with the W3C Design Token spec, three-tier hierarchy (global/alias/component), OKLCH color, Style Dictionary transforms, and dark mode theming. Use when creating token files, implementing theme systems, or building design-to-code pipelines.
- License
- MIT
- Compatibility
- Claude Code 2.1.220+.
Pinned to revision 1ff988bd66da, so it is the text this page describes rather than whatever the author pushed since.
Pre-approved tools experimental
Experimental field. Support varies between clients, so this list is what the author declared, not what your client will enforce.
- Read
- Glob
- Grep
- WebFetch
- WebSearch
Files
- skills/design-system-tokens/SKILL.md
- skills/design-system-tokens/references/style-dictionary-config.md
- skills/design-system-tokens/references/token-naming-conventions.md
- skills/design-system-tokens/references/w3c-token-spec.md
- skills/design-system-tokens/rules/_sections.md
- skills/design-system-tokens/rules/_template.md
- skills/design-system-tokens/rules/tokens-contrast-enforcement.md
- skills/design-system-tokens/rules/tokens-oklch-color.md
- skills/design-system-tokens/rules/tokens-spacing-depth.md
- skills/design-system-tokens/rules/tokens-style-dictionary.md
- skills/design-system-tokens/rules/tokens-theming-darkmode.md
- skills/design-system-tokens/rules/tokens-three-tier.md
- skills/design-system-tokens/rules/tokens-versioning.md
- skills/design-system-tokens/rules/tokens-w3c-format.md
- skills/design-system-tokens/test-cases.json
Every link opens the file at its source, pinned to the revision this page describes.