cyberneticlibrary

Generate design tokens in DTCG format

design-tokensskillsetup L2211
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