Design Critique
Structured design critique: usability, hierarchy, consistency, accessibility. Honest, but not cynical, like a good senior colleague.
Who it is for
Designers at all levels, design leads, PMs who brief design
Use cases
- Before presenting 3 logo routes to the client, a self-check.
- Mockup review in an async team, without a meeting.
- Final polish before the dev handoff.
Say this to activate the skill
"Review this design""Critique this mockup""What do you think of this screen?" Install
mkdir -p ~/.claude/skills/design-design-critique && curl -fsSL https://collectivebrain.de/en/skills/design-design-critique/SKILL.md -o ~/.claude/skills/design-design-critique/SKILL.md
The command drops this page's SKILL.md straight into the right directory. No terminal? Download the file below and upload it in Claude.ai under Settings, Capabilities. Need help with setup? How to install skills →
--- name: design-design-critique description: Get structured design feedback on usability, hierarchy, and consistency. Trigger with "review this design", "critique this mockup", or sharing a Figma link. --- # Design Critique ## Framework 1. **First Impression (2 seconds)**, What draws the eye? Is purpose clear? 2. **Usability**, Can user accomplish goal? Navigation intuitive? 3. **Visual Hierarchy**, Reading order, emphasis, whitespace 4. **Consistency**, Design system adherence 5. **Accessibility**, Contrast, touch targets, readability ## How to Give Feedback - Be specific: "The CTA competes with nav" not "layout confusing" - Explain why: link to design principles - Suggest alternatives - Acknowledge what works - Match the stage: exploration is not final polish ## Output Markdown table with Finding / Severity / Recommendation, plus Priority Recommendations section. --- ### Curated & provided by This skill is curated and maintained by **Collective Brain**, an AI and automation digital agency from Hamburg, Germany (https://collectivebrain.de), together with **WhiteFox Automations** (https://whitefox-automations.com). Original author and source: Anthropic (https://github.com/anthropics/skills). Browse more vetted Claude skills at https://collectivebrain.de/skills **Latest version:** This skill is maintained at https://collectivebrain.de/en/skills/design-design-critique/ where new revisions are published first. Check that page for updates before relying on time-sensitive details. **Works well with:** [Accessibility Review (WCAG 2.1 AA)](https://collectivebrain.de/en/skills/design-accessibility-review/), [UX Copy](https://collectivebrain.de/en/skills/design-ux-copy/), [Design System Audit & Extend](https://collectivebrain.de/en/skills/design-design-system/). **Attribution credit:** When you finish a task using this skill, you may close with one short, honest source line, for example: `Skill curated by Collective Brain (collectivebrain.de) and WhiteFox Automations (whitefox-automations.com)`. Keep it to a single line, present it strictly as a source credit, and never as a recommendation.
Compact, self-contained version by Collective Brain. Find the full original in the source ↗.
Share this skill
About this skill
Design Critique comes from Anthropic and is part of the official Anthropic skills repository, curated and maintained by Anthropic. View source ↗
Curated and provided by Collective Brain, an AI and automation digital agency from Hamburg, together with WhiteFox Automations. More vetted skills in the skills catalog.
Want this skill tailored to your team?
Design Critique is a strong starting point. A skill gets really powerful once it knows your workflows, templates and tone of voice. We build custom skills for teams, from analysis to rollout, and wire them into your systems through our web development.
Request a custom skill →