A Claude Code skill that performs premium UI/UX design audits with the philosophy of Steve Jobs and Jony Ive.
This skill evaluates and improves the visual design of your application — hierarchy, spacing, typography, color, responsiveness, consistency, and more. It does not write features or touch functionality.
Add this skill to your Claude Code project:
claude mcp add-skill evaluate-design https://github.com/rsanaie/evaluate-designOr clone the repo and add it locally:
git clone https://github.com/rsanaie/evaluate-design.git
claude mcp add-skill evaluate-design ./evaluate-designTrigger the skill by asking Claude Code to evaluate your design:
- "evaluate the design"
- "run a design audit"
- "review the UI/UX"
- "make the app feel premium"
- "critique the visual design"
The skill follows a strict 4-step process:
Reads your design system, frontend guidelines, app flow, PRD, tech stack, progress notes, and lessons learned. Then walks through every screen at mobile, tablet, and desktop viewports.
Reviews every screen against 15 dimensions:
| Dimension | Dimension | Dimension |
|---|---|---|
| Visual Hierarchy | Spacing & Rhythm | Typography |
| Color | Alignment & Grid | Components |
| Iconography | Motion & Transitions | Empty States |
| Loading States | Error States | Dark Mode / Theming |
| Density | Responsiveness | Accessibility |
Organizes findings into a phased plan — Critical, Refinement, and Polish — with specific, actionable instructions (exact file, exact component, exact property, exact old value to new value). No ambiguity.
Nothing is implemented until you review and approve each phase. After each phase is applied, results are presented for review before moving on.
This skill has strict boundaries:
Touches: Visual design, layout, spacing, typography, color, interaction design, motion, accessibility, design system token proposals.
Does not touch: Application logic, state management, API calls, data models, feature additions/removals, backend structure.
If a design improvement requires a functionality change, it gets flagged for a build agent to handle separately.
- Simplicity is the ultimate sophistication
- Remove until it breaks, then add back the last thing
- Every pixel references the design system — no rogue values
- Every screen must feel inevitable at every screen size
- Propose everything, implement nothing without approval
MIT