critique

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

Updated Mar 22, 2026
One-click install
npx skills add https://github.com/serguei9090/LogLensAi --skill critique-serguei9090
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: critique
Source: https://github.com/serguei9090/LogLensAi/tree/main/.agents/skills/critique
Command: npx skills add https://github.com/serguei9090/LogLensAi --skill critique-serguei9090

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Design reviews are often subjective and inconsistent, missing usability issues, AI-generated design tells, and accessibility failures. This Skill provides a structured, repeatable UX evaluation process that combines expert-style design review with deterministic automated detection. ## Core Features & Use Cases - Dual Independent Assessments: Runs an LLM design review and an automated detector (via npx impeccable) separately to avoid bias, then synthesizes findings into one report. - Quantitative Scoring: Scores all 10 Nielsen heuristics on a 0-4 scale with a total Design Health Score and P0-P3 severity tagging for each issue. - Persona-Based Testing: Walks the interface through relevant user archetypes (power user, first-timer, accessibility-dependent, stress tester, mobile user) to surface specific red flags. - Use Case: After building a new dashboard page, run a critique to get a heuristic score table, AI-slop verdict, cognitive load assessment, and a prioritized list of fixes mapped to follow-up commands like /polish or /layout. ## Quick Start Ask the AI to critique the design of a specific page or component, for example: "Critique the main dashboard page and give me a prioritized list of design fixes."

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?▼

Invoke the critique skill with a target area such as a page, feature, or component. It runs two independent assessments—an LLM design review and an automated detector—then synthesizes a report with heuristic scores, priority issues, and recommended fixes.

What does the design critique report include?▼

The report includes a Nielsen heuristics score table out of 40, an AI-slop verdict, cognitive load assessment, persona red flags, 3-5 priority issues tagged P0-P3 with concrete fixes, and a recommended action plan mapping issues to follow-up commands.

How does automated anti-pattern detection work?▼

The skill runs `npx impeccable --json` against HTML, JSX, TSX, Vue, or Svelte files to flag 25 deterministic patterns. For live pages, it can inject a detection script into a browser tab and read findings from console output.

Can the critique evaluate accessibility and mobile usability?▼

Yes. The persona-based testing step includes an accessibility-dependent user checking keyboard navigation, focus indicators, and contrast, plus a mobile user checking touch targets, thumb-zone placement, and state persistence.

What are the limitations of automated design detection?▼

The CLI scan requires markup files and skips CSS-only files; URL scanning needs browser automation. Large directories over 500 files should be narrowed in scope, and some detector findings may be false positives that the LLM review filters out.