Design System Token Validator

When to use this skill

• User asks to check for hardcoded colors or spacing
• User wants to enforce design token usage
• User mentions design system consistency
• User asks to find var(--token-*) violations
• User wants to prevent design debt

Workflow

• Identify design token source file
• Scan target files (CSS, TSX, Vue)
• Detect hardcoded values
• Match violations to available tokens
• Generate fix suggestions
• Report violations by severity