CLAUDE CODE /DESIGN

Design System Audit & Extension Studio

Linter Matrix Atlas Core v2.4
System Health Needs Attention 0 of 4 resolved
72%
1 Crit
1 High
1 Med
1 Low
Live Component Redlines Interactive Preview
1. Primary Button
Rogue: #2563EB
2. Muted Badge (WCAG AA Test)
Pending Review
Ratio 1.82:1 (FAIL)
3. Text Input (State Coverage)
Missing :focus-visible and :error tokens
4. Container Padding
Project Workspace Card
Custom 13px padding (non-standard)
D3 Token Dependency Graph Primitives → Semantics → Components
Claude Code /design Terminal

Generate actionable Claude Code CLI prompts to execute automated Figma token refactoring:

$ claude-code
/design audit --fix-rogue-tokens --enforce-wcag-aa
--system="Atlas Core Design System v2.4"
--components=Button,Badge,Input,Card
--tokens-out=./tokens/w3c-dtcg.json
Active Resolution Inspector
Primary Button Rogue Color
Hardcoded value #2563EB does not map to brand palette token.
W3C DTCG Token Definition 64 Tokens

    
Enjoy this tool? Build your own with Super