🔍 Design Critique
This skill provides direct, actionable UI/UX critiques focused on clarity, hierarchy, accessibility, and craft to improve design reviews and ship-ready
npx playbooks add skill petekp/claude-code-setup --skill design-critique
About Design Critique
The Design Critique skill provides direct and actionable critiques of user interface and user experience design, focusing on aspects such as clarity, hierarchy, accessibility, and craft, to help improve design reviews and produce ship-ready results. It is used in the code-review category to evaluate and refine design elements. Developers would use this skill when they need to assess and enhance the design quality of their applications, ensuring they meet high standards before deployment.
At 20 words, this compact prompt gives your agent specialized code review & quality expertise with structured patterns and output formats. Install via CLI or copy the prompt below.
Use Cases
- Catching bugs and security vulnerabilities before merge
- Enforcing code style and architectural consistency
- Reviewing PRs for performance and maintainability
- Generating detailed code review comments
Example Prompts
System Prompt (20 words)
This skill provides direct, actionable UI/UX critiques focused on clarity, hierarchy, accessibility, and craft to improve design reviews and ship-ready
Frequently Asked Questions
What is Design Critique?
Design Critique is a free code review & quality skill for AI coding agents. This skill provides direct, actionable UI/UX critiques focused on clarity, hierarchy, accessibility, and craft to improve design reviews and ship-ready. It provides a specialized system prompt that configures your agent with code review & quality expertise.
How do I use Design Critique with Claude Code?
Run npx playbooks add skill petekp/claude-code-setup --skill design-critique in your terminal to install Design Critique into your Claude Code session. It works immediately after installation.
Which AI coding agents work with Design Critique?
Design Critique is compatible with Claude Code, Cursor, GitHub Copilot, Windsurf, OpenClaw, Cline, and any AI agent that supports custom system prompts or .cursorrules files.
Is Design Critique free to use?
Yes, Design Critique is completely free and open source. The full source is available on GitHub at https://github.com/petekp/claude-code-setup/tree/main/skills/design-critique. You only need a subscription to the AI agent you use it with.
