Claude Skills · UI Design
UI critique
Give a structured visual design critique covering hierarchy, spacing, typography, colour, consistency and polish. Use when the user shares a UI for feedback.
Install this skill
curl -fsSL https://uxmate.co.in/skill-files/install.sh | bash -s -- uxm-ui-critiqueOr unzip into ~/.claude/skills/. Then ask Claude Code to do the task, or call /uxm-ui-critique.
What is inside
---
name: uxm-ui-critique
description: Give a structured visual design critique covering hierarchy, spacing, typography, colour, consistency and polish. Use when the user shares a UI for feedback.
---
# UI critique
1. Describe what you see, then state the screen's goal.
2. Run the squint test and say what draws the eye first.
3. Evaluate: hierarchy, spacing rhythm, alignment, typography, colour/contrast, iconography, imagery, consistency, affordances, motion.
4. For each: what works, what does not, specific fix (give values: px, hex, weights).
5. Prioritise into **Do now / Do next / Nice to have**.
Be candid but constructive. Avoid vague words such as "clean" or "modern" without evidence. Finish with a redesign sketch description of the top three changes.More UI Design skills
- Design tokens · Define design tokens (colour, type, spacing, radius, shadow, motion) and output them as JSON and CSS variables.
- Colour palette · Generate an accessible colour palette with scales, semantic colours and contrast results.
- Type scale · Create a typographic scale with font pairing, sizes, line heights and responsive rules.
- Component spec · Write a complete UI component specification with anatomy, variants, states, behaviour and accessibility.