design-review
Review or audit a design/UI across 6 weighted dimensions with Nielsen's 10 heuristics and a prioritized findings table. Use when the user wants a design critique, quality score, heuristic evaluation, or audit of an existing screen, page, or product before/after build.
- Category
- Testing and evaluation
- Status
- Experimental
- Use when
- review this design
- audit this screen
- heuristic evaluation
- design quality score
- critique this UI before we ship
- Works on
- A screen, page, or flow to review
- Target users, platform, and constraints
- Produces
- Six-dimension scored table plus weighted overall score
- Prioritized findings table with severity and concrete fixes
- Nielsen heuristic violations flagged by number
- Requires
- python
- Works with
- Claude Code, Codex, Cursor, OpenCode, Amp, Gemini CLI, GitHub Copilot, VS Code
- Tags
- design-review, design-critique, heuristic-evaluation, severity, ui-design, visual-hierarchy, a11y
- Source
- plugin87/ux-ui-agent-skills by plugin87 · MIT · adapted for this repository
- Related skills
- interface-reviewfrontend-design-reviewdesign-detailslaws-of-uxcritique-information-densitydesign-critique
Instructions from SKILL.md
Skill: Design Review
Run a structured, scored review.
Steps
- Read
workflows/design-review.md(rubric, scoring guide, Nielsen heuristics, process). - Gather context: the screen(s)/flow, target users, platform, constraints.
- Score the 6 dimensions (Visual Hierarchy 20%, Consistency 20%, Accessibility 20%, Usability 20%, Responsiveness 10%, Performance 10%); compute the weighted overall.
- Run the accessibility lens with
accessibility/wcag-checklist.md; usescripts/contrast.pyfor any color-pair doubts. - Check against the anti-slop tells in
taste/design-taste.md(Banned Defaults checklist). - Apply Nielsen's 10 heuristics; flag violations by number.
Output
- The 6-dimension scored table + overall score.
- A prioritized findings table: # · Severity (Critical → Major → Minor → Enhancement) · Finding · Recommendation.
- Concrete, token-referenced fixes.
Supporting files
5 more files in this skill's folder. Markdown opens as a page, other text files open as source, and anything else downloads as it is.