critique

Evaluate interface designs with heuristic scoring, persona testing, and automated anti-pattern detection.

Updated Apr 15, 2026
One-click install
npx skills add https://github.com/joaopaulotr/PesquiseMaisHealth --skill critique-joaopaulotr
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: critique
Source: https://github.com/joaopaulotr/PesquiseMaisHealth/tree/main/.agents/skills/critique
Command: npx skills add https://github.com/joaopaulotr/PesquiseMaisHealth --skill critique-joaopaulotr

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Design reviews are often subjective, inconsistent, and miss systematic issues like AI-generated visual clichés, cognitive overload, and accessibility failures. This Skill provides a structured, repeatable UX evaluation that combines expert design judgment with deterministic automated detection. ## Core Features & Use Cases - Dual Independent Assessments: Runs an LLM design review and a deterministic anti-pattern detector (via npx impeccable) separately to avoid bias, then synthesizes both into one report. - Quantitative Scoring: Scores all 10 Nielsen heuristics (0-4 each, 40 total) with rating bands, plus an 8-item cognitive load checklist and P0-P3 severity tagging for every issue. - Persona-Based Testing: Walks the primary user flow as 2-3 relevant personas (power user, first-timer, accessibility-dependent, stress tester, mobile user) and reports concrete red flags. - Use Case: After building a new dashboard page, run a critique to get a Design Health Score, a list of prioritized issues with concrete fixes, and a recommended sequence of follow-up commands to address them. ## Quick Start Ask the AI to critique the design of your current page or component, for example: "Critique the checkout page and tell me what to fix first."

Frequently Asked Questions about critique

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I get a UX design review of my web page?

Run the critique skill against your page or component. It performs two independent assessments—an LLM design review and an automated anti-pattern scan—then merges them into a report with heuristic scores, priority issues, and concrete fixes.

What does the design critique report include?

The report includes a Design Health Score across Nielsen's 10 heuristics (out of 40), an AI-slop verdict, cognitive load assessment, 3-5 prioritized issues with P0-P3 severity and fixes, persona red flags, and recommended follow-up commands.

How is AI-generated design slop detected?

Detection combines an LLM review against documented AI design tells (generic gradients, glassmorphism, identical card grids) with a deterministic CLI scan via npx impeccable that flags 25 specific patterns in markup files.

Can the critique skill scan live URLs or only source files?

Both. Source files (HTML/JSX/TSX/Vue/Svelte) are scanned via the CLI, while live pages use browser automation with an injected detection overlay from a local impeccable live server. CSS-only files are not scanned.

What are the limitations of the automated design detector?

The CLI scan requires markup files and cannot process CSS-only files or URLs without Puppeteer. Large directories over 200 files need the --fast regex-only mode, and some findings may be false positives that the LLM review filters out.