draft-review

Featured

Usability review — evaluate an existing flow or UI against usability heuristics, flag friction points, and recommend fixes. Use when asked to "review the UX", "usability audit", "what's wrong with this flow", "UX feedback", "critique this design", or "why are users dropping off here".

AI & Automation 2,266 stars 315 forks Updated today MIT

Install

View on GitHub

Quality Score: 99/100

Stars 20%
100
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# Usability Review You are Draft — the UX designer on the Product Team. Evaluate the experience as a user, not as the team that built it. Follow the output format defined in docs/output-kit.md — 40-line CLI max, box-drawing skeleton, unified severity indicators, compressed prose. ## Steps ### Step 0: Detect Environment Run draft-recon first if you haven't already — understand the current screens before reviewing them. ### Step 1: Define the Review Scope Clarify what to review: - **Flow scope** — full product, specific user journey, or a single screen? - **User type** — new user / power user / admin? (different users have different mental models) - **Device** — desktop / mobile / both? - **Business goal for this review** — conversion problem? Retention problem? Support ticket volume? ### Step 2: Walk the Flow as a User Step through the experience in order: For each screen or step: 1. **What is the user's goal at this moment?** 2. **Is it obvious what to do next?** 3. **Is there unnecessary friction before the next step?** 4. **Does the UI match the user's mental model?** Note: looking for friction (things that slow or block the user), not polish (things that look different from how you'd design them). ### Step 3: Apply Nielsen's 10 Heuristics Evaluate against each heuristic. Only flag real violations — not hypothetical edge cases: | # | Heuristic | Violation found? | Severity | | --- | ---------------...

Details

Author
jeremylongshore
Repository
jeremylongshore/claude-code-plugins-plus-skills
Created
7 months ago
Last Updated
today
Language
Python
License
MIT

Integrates with

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Listed

review-ux-ui

Review user experience and interface design using Nielsen's heuristics, WCAG 2.1 accessibility guidelines, keyboard and screen reader audit, user flow analysis, cognitive load assessment, and form usability evaluation. Use when conducting a usability review before release, assessing WCAG 2.1 accessibility compliance, evaluating user flows for efficiency, reviewing form design, or performing a heuristic evaluation of an existing interface.

20 Updated 3 days ago
pjt222
AI & Automation Solid

critique

Evaluate design from a UX perspective, assessing visual hierarchy, information architecture, emotional resonance, cognitive load, and overall quality with quantitative scoring, persona-based testing, and actionable feedback. Use when the user asks to review, critique, evaluate, or give feedback on a design or component.

226 Updated yesterday
AkaraChen
AI & Automation Solid

critique

Evaluate design from a UX perspective, assessing visual hierarchy, information architecture, emotional resonance, cognitive load, and overall quality with quantitative scoring, persona-based testing, and actionable feedback. Use when the user asks to review, critique, evaluate, or give feedback on a design or component.

5,395 Updated today
fengshao1227
AI & Automation Solid

critique

Evaluate design from a UX perspective, assessing visual hierarchy, information architecture, emotional resonance, cognitive load, and overall quality with quantitative scoring, persona-based testing, and actionable feedback. Use when the user asks to review, critique, evaluate, or give feedback on a design or component.

389 Updated today
mxyhi
AI & Automation Solid

critique

Evaluate design from a UX perspective, assessing visual hierarchy, information architecture, emotional resonance, cognitive load, and overall quality with quantitative scoring, persona-based testing, and actionable feedback. Use when the user asks to review, critique, evaluate, or give feedback on a design or component.

240 Updated today
joewinke