6 world-class design leaders critique your UI with brutal honesty — then fix it.
A set of Claude Code skills that turn Claude into a full UX/UI review panel. Invoke /design-board and get scored, roasted, and improved by six opinionated design personalities.
/design-board
The board auto-detects what you're working on:
| What you have open | What happens |
|---|---|
| HTML/CSS/JS project | Reads your code, renders it in a browser, screenshots every page |
| Pencil (.pen) file | Inspects nodes, layout, and screenshots via Pencil MCP |
| Figma URL | Pulls design context and screenshots via Figma MCP |
Then runs a 4-pass review:
- Individual Reviews — Each critic independently scores your design (0-10) on Clarity, Hierarchy, Consistency, Delight, and Utility
- Deliberation — The critics argue with each other. Agreements = real issues. Disagreements = design tensions you need to resolve
- Verdict — Consensus score table, prioritized issues, and the Top 5 Actions
- Implementation — The board ships its own fixes. Not just talk.
| Command | What it does |
|---|---|
/design-board |
Full 4-pass review |
/design-board quick |
Score table + top 3 actions (skips deliberation) |
/design-board fix |
Full review, auto-implements without asking |
Want just one perspective? Invoke any critic directly:
/jony-ive # Reduction & precision feedback
/amir-salihefendic # Daily-use & productivity feedback
/jesse-patel # Information architecture & simplicity
/joe-gebbia # Emotional design & trust
/katie-dill # Systems thinking & scalability
/notion-designer # Composability & user agency
The scoring is harsh by design. The board average for a good design is 5-6. A 7+ is genuinely excellent. 8+ is rare.
| Principle | What it measures |
|---|---|
| Clarity | Is the interface immediately, intuitively understood? |
| Hierarchy | Does visual weight guide attention with purpose? |
| Consistency | Are patterns systematically applied? |
| Delight | Does the design feel crafted and intentional? |
| Utility | Does every element serve the user's actual goal? |
curl -fsSL https://raw.githubusercontent.com/Chosen9115/design-board/main/install.sh | bashClone and copy the skills into your Claude Code skills directory:
git clone https://github.com/Chosen9115/design-board.git
cp -r design-board/skills/* ~/.claude/skills/That's it. Restart Claude Code and the /design-board command is available.
- Claude Code CLI
- For web projects: Playwright MCP (to render and screenshot your pages)
- For .pen files: Pencil MCP
- For Figma: Figma MCP
MIT