Design Tokens AI Tools

Discover AI tools tagged with "design-tokens".

4 tools· 4 free

A Claude skill that audits designs against 19 professional design rules.

accessibilityclaude-skillcssdesign+4

Unofficial Claude Skill derived from the book Refactoring UI — a design rulebook and diagnostic layer for web UI. 151 tracked rules, design token generation, and Tailwind mappings.

ai-agentclaude-codeclaude-skilldesign-system+4
Design Dna
Design DnaOpen Source

Turn reference UIs (images, screenshots, URLs) into quantified Design DNA JSON—tokens, qualitative style, visual effects—then generate matching UI from your content.

agent-skillsclaude-skillscodex-skillscursor-skills+4
Anydesign
AnydesignOpen Source

Claude skill that analyzes images, websites, and Figma files and generates a structured design.md with token system, component inventory, and reconstruction notes.

ai-agentsanthropicclaude-codeclaude-skill+4