Skip to content

Design Quality Review

Reviews a design you just made across five quality areas and fixes the gaps before handing it over.

Stars
105,448
Licence
Apache-2.0
Files
2 files

What it does

After the agent produces a design or other visual artifact, this skill makes it check the work against five areas: layout and craft, whether it solves the stated problem, brand consistency, accessibility (contrast, labels, keyboard use, heading order), and clear copy. It then fixes the problems it finds, repeating for a limited number of passes, and explains in plain prose what it checked, what it changed, and what it left alone. It does not produce a formal score sheet or review file.

Great for

  • Designers who want a second pass on a generated layout before sharing it
  • Developers building UI who want accessibility and brand checks applied automatically
  • Marketers reviewing landing page or campaign copy and visuals for clarity and filler

Skip it if

  • Projects with no visual or text artifact to review, since the checks are built around design output
  • Situations needing an independent human or formal audit, since the agent reviews its own work and may miss issues
  • Accessibility compliance sign-off, because the skill asks the agent to check contrast and labels by judgment and does not run automated accessibility tools

Try asking

  • “Review the landing page you just generated for layout, brand, accessibility and copy, and fix what falls short.”
  • “Critique this onboarding screen before you hand it over and tell me what you changed.”
  • “Check the dashboard mockup for contrast, touch target sizes and missing labels, then fix them.”
Step-by-step guide: how to use Design Quality ReviewInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 2 original files, the Apache-2.0 licence and an attribution note.

    critique-theater.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

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

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip critique-theater.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

  • Name the problem you want solved in your request so the critique dimension has a clear target.
  • Provide your design system or brand tokens so the brand check has something concrete to compare against.
  • Treat the result as a quality pass, not a guarantee; run a real accessibility checker for compliance needs.

What's inside

  • open-design.json
  • SKILL.md

Redistributed unmodified from nexu-io/open-design under the Apache-2.0 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.