Back to Skills

critique

Evaluate design from a UX perspective, assessing visual hierarchy, information architecture, emotional resonance, cognitive load, and overall quality with quantitative scoring, persona-based testing, automated anti-pattern detection, and actionable feedback. Use when the user asks to review, critique, evaluate, or give feedback on a design or component.

17,452stars779forksUpdated 4/9/2026

Security Assessment

Safe(100/100)
Security Score100/100

About critique

The 'critique' skill is designed to evaluate digital interfaces from a user experience (UX) perspective, providing comprehensive assessments of design quality. It helps identify usability issues, visual inconsistencies, and cognitive barriers, ensuring that products are both user-friendly and aesthetically coherent. By systematically analyzing visual hierarchy, information architecture, emotional resonance, cognitive load, and adherence to design principles, this skill solves the problem of inconsistent or suboptimal design review processes, offering a structured approach that blends automated analysis with expert-level evaluation.

Key features include persona-based testing, quantitative scoring, automated detection of design anti-patterns (such as AI-generated interface tropes), and actionable feedback. The skill leverages independent sub-agent assessments to avoid bias, structured checklists for cognitive load, and Nielsen's heuristics scoring for comprehensive evaluation. It also examines emotional impact using the peak-end rule and identifies priority issues with suggested fixes. Tab isolation and sequential assessment protocols ensure reliable and reproducible results, while findings are returned in a structured format that highlights strengths, weaknesses, minor observations, and provocative questions for designers.

This skill is particularly valuable for UX designers, product managers, front-end developers, and quality assurance teams who need to ensure their interfaces meet high standards of usability and emotional resonance. Use cases include reviewing web pages, application components, or full feature sets to catch design flaws early, optimize user flow, and validate the emotional impact of interactions. It is especially useful in environments where multiple interfaces need to be evaluated consistently or when preparing design assets for stakeholder presentations or user testing.

FAQ

How do I invoke the critique skill?

You can invoke the skill using user commands like 'review', 'critique', 'evaluate', or 'give feedback' on a specific design area, component, page, or feature. Use the argument hint to specify the target area.

Does the skill require browser automation or sub-agents?

While browser automation and sub-agent spawning are recommended for independent assessments and tab isolation, the skill can still operate sequentially without them, using internal notes for interim findings.

What design principles does the skill check against?

It references the 'impeccable' skill, which contains design principles, anti-patterns, and context-gathering protocols. The skill also evaluates AI-generated design patterns, visual hierarchy, cognitive load, emotional resonance, and Nielsen's heuristics.

Can I use this skill on live web pages or just source files?

The skill can assess both source files (HTML, CSS, JS/TS) and live pages, leveraging browser automation when available for visual inspection and context-sensitive evaluation.

What are the limitations of this skill?

The skill relies on structured guidance from the 'impeccable' context protocol and may require sub-agent support or browser automation for fully independent assessments. Without these, findings are still useful but may lack simultaneous cross-validation.

All Files

4 files
reference/heuristics-scoring.md8.6 KB
View
SKILL.md13.2 KB
View
reference/personas.md7.0 KB
View
reference/cognitive-load.md4.7 KB
View

Install critique

Download and extract the skill files to your .claude/skills/ directory.

Quick Setup:

  1. Copy the skill folder to .claude/skills/
  2. Claude will automatically detect and use the skill