critique

Evaluate interface design quality through dual LLM review and automated anti-pattern detection.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Design reviews are often subjective, inconsistent, or miss systematic issues like AI-generated visual clichés and usability heuristic violations. This Skill provides a structured, repeatable design critique process that combines independent expert-style assessment with deterministic automated detection, producing scored, prioritized, and actionable feedback. ## Core Features & Use Cases - Dual Independent Assessments: Runs an LLM design review (visual hierarchy, cognitive load, emotional journey, AI slop detection) alongside a deterministic detector that flags 25 anti-patterns via CLI scan or browser overlay. - Quantitative Scoring: Scores all 10 Nielsen usability heuristics (0-4 each, 40 total) with rating bands, plus P0-P3 severity tagging for every issue found. - Persona-Based Testing: Walks the interface through 2-3 relevant user archetypes (power user, first-timer, accessibility-dependent, stress tester, mobile user) to expose specific failure modes. - Actionable Follow-Up: Ends with targeted clarifying questions and a prioritized action plan mapping each issue to a specific fix command. - Use Case: After building a new landing page, run a critique to get a heuristic scorecard, detect AI-generated design tells, identify persona-specific red flags, and receive a ranked list of fixes. ## Quick Start Ask the assistant to critique the design of a specific page or component, for example: critique the checkout page for usability and visual quality.

Frequently Asked Questions about critique

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

FAQPage Schema
How do I get a structured 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 detector—then merges them into a report with heuristic scores, prioritized issues, and concrete fixes.

What does the design critique report include?

The report includes a Nielsen 10-heuristics scorecard out of 40, an AI slop verdict, cognitive load assessment, 3-5 priority issues tagged P0-P3, persona-specific red flags, minor observations, and a recommended action plan.

How does the skill detect AI-generated design patterns?

It combines an LLM review checking for AI color palettes, gradient text, glassmorphism, and generic layouts with a deterministic detector that scans markup for 25 specific anti-patterns via the impeccable CLI or a browser overlay.

Can the critique run without browser automation tools?

Yes. Without browser automation, it falls back to reading source files and running the CLI scan with npx impeccable. Browser-based visual overlays and console findings are optional enhancements when automation is available.

What are the limitations of automated design critique?

The deterministic detector can produce false positives, which the report explicitly flags. The critique evaluates design quality and usability but does not replace real user testing or accessibility audits with actual assistive technology users.