Agent skill · design visual · anthropics
design-critique
Get structured design feedback on usability, hierarchy, and consistency. Trigger with "review this design", "critique this mockup", "what do you think of this screen?", or when sharing a Figma link or screenshot for feedback at any stage from exploration to final polish.
Why this skill is useful
Provides a structured framework for design critique that includes usability, visual hierarchy, and accessibility considerations that the AI wouldn't reliably generate on its own.
What it needs
About 2k tokens when loaded. Last updated 2026-08-07. 23,345 stars on the source repository.
What this skill does
/design-critique If you see unfamiliar placeholders or need to check which tools are connected, see CONNECTORS.md. Get structured design feedback across multiple dimensions. Usage Review the design: @$1 If a Figma URL is provided, pull the design from Figma. If a file is referenced, read it. Otherwise, ask the user to describe or share their design. What I Need From You The design: Figma URL, screenshot, or detailed description Context: What is this? Who is it for? What stage (exploration, refinement, final)? Focus (optional): "Focus on mobile" or "Focus on the onboarding flow" Critique Framework 1. First Impression (2 seconds) What draws the eye first? Is that correct? What's the emotional reaction? Is the purpose immediately clear? 2. Usability Can the user accomplish their goal? Is the navigation intuitive? Are interactive elements obvious? Are there unnecessary steps? 3. Visual Hierarchy Is there a clear reading order? Are the right elements emphasized? Is whitespace used effectively? Is typography creating the right hierarchy? 4. Consistency Does it follow the design system? Are spacing, colors, and typography consistent? Do similar elements behave similarly? 5. Accessibility Color contrast ratios Touch target sizes Text readability Alternative text for images How to Give Feedback Be specific: "The CTA competes with the navigation" not "the layout is confusing" Explain why: Connect feedback to design principles or user needs Suggest alternatives: Don't just identify problems, propose solutions Acknowledge what works: Good feedback includes positive observations Match the stage: Early exploration gets different feedback than final polish Output If Connectors Available If ~~design tool is connected: Pull the design directly from Figma and inspect components, tokens, and layers Compare against the existing design system for consistency If ~~user feedback is connected: Cross-reference design decisions with recent user feedback and support tickets Tips 1. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills anthropics/design-critique