Skip to content

Product Design Critique

Gives structured, prioritized UX feedback on screens, flows, and components

Stars
110,078
Licence
MIT
Files
1 file

What it does

Once installed, the agent reviews a screen, flow, or UI component in a fixed order: user job clarity, visual hierarchy, affordances, states, forms, accessibility, consistency, copy, and edge cases. It returns a prioritized list of must-fix, should-fix, and nice-to-fix issues, each paired with one concrete suggested fix, plus a list of strengths to keep. It is designed to recommend changes rather than redesign the product, and it asks for user context before critiquing.

Great for

  • Designers who want a second, checklist-driven read on a screen before handoff
  • Engineers reviewing a shipping feature for UX problems
  • Product teams preparing a feature for broader rollout

Skip it if

  • Requests for a full redesign, since the skill explicitly says critique is not redesign
  • Very early concepts with no artifact yet, where the skill advises sketching first
  • Work with no stated user context, since the skill says critique without it becomes personal taste

Try asking

  • “Critique this checkout screen before we ship it, focusing on states and accessibility”
  • “Review this onboarding flow screenshot and give me must-fix and should-fix items”
  • “Give me a design critique of our settings page with prioritized changes”
Step-by-step guide: how to use Product Design CritiqueInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 1 original files, the MIT licence and an attribution note.

    design-critique.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip design-critique.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip design-critique.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Provide the user role, the job on this screen, and what success looks like before asking for a critique, since the skill asks for these first
  • Share the screen or flow in context, including what comes before and after it, so the critique can judge the journey
  • Treat the output as feedback rather than sign-off; ask explicitly if you want an approval statement

What's inside

  • SKILL.md

Redistributed unmodified from paperclipai/paperclip under the MIT licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.