Design Token Update
Modify specific token categories in an existing system without regenerating everything. Preview what changed via a diff before writing. Use when the user wants to change their brand color, spacing base, type scale, or other inputs and see the impact.
Design Token Init
Scaffold a new design token system interactively, or bootstrap one from an existing codebase with `--from-codebase`. Guides the user through brand color, spacing base, type scale, and dark mode choices, then runs `quieto-tokens init` to generate a complete DTCG token system with multi-platform outputs (CSS, Figma, iOS, Android). Use when the user wants to create or bootstrap a new token system.
Design Token Category Add
Add a new token category (shadow, border, or animation) to an existing token system. Prompts for category-specific inputs and generates the token files. Use when the user wants to extend their token system beyond color, spacing, and typography.
Design Token Contrast
Check WCAG contrast ratios between color pairs or across your token system semantic foreground/background pairings. Use when the user wants to verify accessibility compliance for specific colors or their entire token palette.
Design Token Audit
Inspect and health-check an existing design token system. Runs orphan detection, broken reference checks, naming validation, and WCAG contrast analysis, then summarizes findings. Use when the user wants to audit, lint, or validate their token system quality.
Design Token Component
Generate tier-3 component tokens for a named UI component (e.g., button, modal, card). Walks through variants, states, and property assignments interactively. Use when the user wants to create component-level tokens that reference their semantic tokens.
Design Token Migrate
Scan a codebase for hardcoded CSS values (hex colors, pixel dimensions) that match existing design tokens, and optionally apply exact-match replacements. Use when the user wants to migrate a codebase from hardcoded values to token references.