Generate design tokens in DTCG format
design-tokensskillsetup L2★211
plugin87/ux-ui-agent-skills ↗What it does
Generate and validate design tokens in DTCG format across three tiers
Best for
Generating multi-brand token systems with semantic-layer isolation and automated a11y validation.
Inputs
- · CLAUDE.md token guidelines
- · existing tokens/colors.json, tokens/typography.json
Outputs
- · DTCG tokens/*.json files with type and value
Requires
- · python3 scripts/validate_tokens.py
- · python3 scripts/contrast.py
Preconditions
Project with tokens/ directory and CLAUDE.md token system rules
Failure modes
validate_tokens.py fails on alias resolution, contrast check fails WCAG AA on new colors
Trust signals
- · scripts/validate_tokens.py checks all aliases
- · contrast.py enforces 4.5:1 on text, 3:1 on UI