Skill detail
design-review
Review a design/UI across 6 weighted dimensions with Nielsen's 10 heuristics and a prioritized findings table.
Why we recommend it: Reviews or audits a design/UI across six weighted dimensions using Nielsen's 10 heuristics, producing a scored table and prioritized findings.
Inspect before use
Read the source instructions and check the requirements before you install this skill.
SKILL.md
The saved excerpt is a snapshot from when this skill was listed. The external source remains the complete and most current version.
--- name: design-review description: 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. invocation: model --- # Skill: Design Review Run a structured, scored review. ## Steps 1. Read `workflows/design-review.md` (rubric, scoring guide, Nielsen heuristics, process). 2. Gather context: the screen(s)/flow, target users, platform, constraints. 3. Score the 6 dimensions (Visual Hierarchy 20%, Consistency 20%, Accessibility 20%, Usability 20%, Responsiveness 10%, Performance 10%); compute the weighted overall. 4. Run the accessibility lens with `accessibility/wcag-checklist.md`; use `scripts/contrast.py` for any color-pair doubts. 5. Check against the anti-slop tells in `taste/design-taste.md` (Banned Defaults checklist). 6. 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.Read the full source on GitHub (opens external page)