design-review

Installation
SKILL.md

Skill: Design Review

Step 0 — is the kit here? This skill reads files from the kit. Check once: ls ${CLAUDE_SKILL_DIR}/../../../tokens >/dev/null 2>&1 && echo KIT_OK || echo KIT_MISSING On KIT_MISSING only the skill folders were installed, which is what npx skills add does. Say so plainly, point the user at npx ux-ui-agent-skills init or the plugin install, and stop. Do not guess the contents of a file you could not open.

Run a structured, scored review.

Steps

  1. Read ${CLAUDE_SKILL_DIR}/../../../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 ${CLAUDE_SKILL_DIR}/../../../accessibility/wcag-checklist.md; use ${CLAUDE_SKILL_DIR}/../../../scripts/contrast.py for any color-pair doubts.
  5. Check against the anti-slop tells in ${CLAUDE_SKILL_DIR}/../../../taste/design-taste.md (Banned Defaults checklist).
  6. Apply Nielsen's 10 heuristics; flag violations by number.
Installs
496
GitHub Stars
2.0K
First Seen
Jun 6, 2026