What does /draft-review do?

It applies Nielsen's heuristics, Fitts's law, and cognitive load principles to a UI, producing severity-rated findings with recommended fixes.

How do I install /draft-review?

Install Tonone for Claude Code via tonone.ai/get-started.

AI Usability Review with Heuristics

Usability review without a framework is opinion dressed as analysis. The reviewer says the page feels confusing; the team disagrees about whether to change it. With a framework, the analysis is grounded: this violates visibility of system status, this violates Fitts's law because the touch target is too small for thumb reach, this raises cognitive load by adding three decisions that the user does not have context to answer.

The /draft-review skill applies Nielsen's ten heuristics, Fitts's law for touch targets, and cognitive load principles to an existing flow or UI. Identifies friction points with supporting rationale, rates their severity, and recommends concrete fixes. The output is structured analysis, not aesthetic opinion.

What the review covers

Nielsen's ten heuristics applied per screen. Fitts's law applied to touch targets and pointer paths. Cognitive load assessed for decision count per screen and information density. Each finding has severity (critical, major, minor) and a recommended fix.

Tonone's /draft-review skill applies Nielsen's heuristics, Fitts's law, and cognitive load principles to produce structured usability findings.

DraftUX Design

/draft-review

Evaluates an existing flow or UI against established usability heuristics: Nielsen's ten heuristics, Fitts's law for touch targets, cognitive load principles. Identifies specific friction points with supporting rationale, rates their severity, and recommends concrete, implementable fixes. Not aesthetic opinion, structured usability analysis.

When users are dropping off at a specific point in…

DraftUX Design

/draft-flow

Maps a user flow as a Mermaid diagram: the sequence of screens and decision points a user moves through to accomplish a specific goal, with error states, branch conditions, and explicit entry and exit points. Grounded in the job the user is trying to accomplish rather than the features being built.

When a feature needs a flow diagram before visual …

DraftUX Design

/draft-patterns

Reference guide for UX interaction patterns — forms, navigation, loading states, and empty states. Surfaces do/don't tables with severity ratings and code examples.

When you need best practices for a specific intera…

ProofQuality

/proof-design

Design QA audit that scans for visual red flags across typography, color, layout, components, and content. Classifies each finding Critical/Major/Minor and outputs a ship-readiness verdict.

Before shipping any UI. Run after design implement…

Install

/draft-review ships with the Draft agent in Tonone for Claude Code.

1. Add to marketplace

$ claude plugin marketplace add tonone-ai/tonone

2. Install Draft

$ claude plugin install draft@tonone-ai

Frequently asked questions

What does /draft-review do?: It applies Nielsen's heuristics, Fitts's law, and cognitive load principles to a UI, producing severity-rated findings with recommended fixes.
How do I install /draft-review?: Install Tonone for Claude Code via tonone.ai/get-started.