Agent skill · design visual · jeremylongshore
draft-review
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".
Why this skill is useful
Provides a structured usability review process that includes specific heuristics and critical moments to evaluate, which the AI wouldn't reliably generate on its own.
What it needs
About 3k tokens when loaded. Last updated 2026-08-07. 2,604 stars on the source repository.
What this skill does
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. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills jeremylongshore/draft-review