Skip to content
agentscamp

Design Commands

Slash commands for design work in Claude Code: critique a screen, extract design tokens.

Command

Critique Screen

Read a UI screenshot from a path or URL, run the fixed design critique checklist over it, and write the report to design/critiques/ without touching the design or the code.

/critique-screen[image path]
Command

Design Tokens

Extract design tokens from a stylesheet, a Tailwind or theme config, or a screenshot, then create or update design/tokens.json and report every added, changed, and removed token.

/design-tokens[stylesheet, config, or image path]