Design review
Skill plugin87/ux-ui-agent-skills/.claude/skills/design-review
Turn Claude into a Senior Design Architect — DTCG design tokens, 42 components, WCAG 2.2 accessibility, any-framework code, 138 design systems, and runnable skills.
npx -y skills add plugin87/ux-ui-agent-skills --skill design-reviewAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
One thing to look at
- no licenseNo license file was found in the repository. Code published without one is not open source by default, so using it at work is a question for whoever answers licensing questions where you are.
What its author says it does
Copied from the file, not written here
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.
SKILL.md
1.2 KB, as published. Nobody here has run it
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.