Design & UX No. 365

UX Heuristics Review skill for Claude Code

Task-based findings with severity and fixes. Rather than offering vague impressions, Claude walks the three to five tasks that matter, logs what a first-time user would hit at each step, maps problems to Nielsen's heuristics, and rates severity on the 0 to 4 scale with frequency, impact and persistence spelled out. The report ranks fixes by severity and effort and notes what already works.

  • nameux-heuristics-review
  • size163 lines · ≈1,850 tokens
  • files2
  • licenseMIT
  • updated

What Claude sees before loading it

This description is the only part of the skill that sits in context all the time. Claude reads it to decide when to load the full playbook below.

description: Runs a heuristic evaluation of a UI against Nielsen's 10 usability heuristics by walking real user tasks, then produces prioritized findings with severity ratings, evidence, and concrete fixes. Works from a running app, screenshots, Figma frames, or component code. Use when asked for a UX review, usability audit, design critique, or "what's wrong with this flow", or before a launch or redesign.

Try asking

  • Do a UX review of our onboarding flow and rank the problems
  • Here are screenshots of our checkout. What would trip up a first-time user?
  • Run a heuristic evaluation of the settings area before we redesign it

Use it when

  • Someone asks for a UX review, critique, or usability audit
  • Before a launch or a redesign to find likely problems
  • A flow has high drop-off and you need hypotheses
  • Reviewing Figma frames or screenshots without user testing budget

Skip it when

How to check the result

Each finding lists task step, heuristic, severity with reasoning, evidence and an effort estimate, and duplicates across screens are merged into one finding.

The common mistake it prevents

Reviewing only the happy path, which misses the error, empty and permission states where the most severe usability problems usually live.

~/.claude/skills/ux-heuristics-review/SKILL.md

--- name: ux-heuristics-review description: Runs a heuristic evaluation of a UI against Nielsen's 10 usability heuristics by walking real user tasks, then produces prioritized… license: MIT ---

A review is done when every finding is tied to a specific screen and task step, names the heuristic it violates, carries a severity with a reason, and proposes a fix concrete enough to build. A list of opinions (“feels cluttered”) with no task, evidence, or fix is not a review.

Ground rules

  • Evaluate tasks, not screens. Pick the 3–5 tasks that matter most and walk them step by step as a first-time user, then as a frequent user.
  • Evidence for every finding: screenshot or element reference, the step, and what the user would see or do.
  • Separate observation from recommendation. Write what happens, then why it is a problem, then the fix.
  • Rate severity independently of effort to fix; report effort separately.
  • A heuristic review finds likely problems; it does not replace testing with real users. Say so in the report and recommend tests for the highest-uncertainty findings.
  • Also note what works, briefly, so the team does not “fix” good patterns.

Workflow

- [ ] 1. Scope: product, users, key tasks, platform, constraints
- [ ] 2. Gather the material (live app, build, screenshots, Figma, code)
- [ ] 3. Walk each task end to end; log raw observations
- [ ] 4. Map observations to heuristics; merge duplicates
- [ ] 5. Rate severity and estimate effort
- [ ] 6. Write fixes; group into quick wins vs. structural work
- [ ] 7. Deliver the report in the output format

1. Scope

Product: <name, platform>
Primary users: <role, expertise, frequency of use>
Key tasks: 1. Sign up and create first project  2. Invite a teammate  3. Export a report
Out of scope: <billing, admin settings>
Material reviewed: <URL/build/Figma link, date>

If tasks are not given, infer them from the navigation and the product’s core promise, and state the assumption.

3. Walk the tasks

For each step record: what the user is trying to do, what the UI shows, what they must know or remember, what could go wrong, and how they recover. Also exercise:

  • Empty account state, first-run, and returning-user state.
  • Errors: invalid input, network failure, permission denied, timeouts.
  • Keyboard-only path and 200% zoom (overlaps with accessibility; flag and hand off deep issues to accessibility-audit).
  • Mobile width if the product supports it.

4. The 10 heuristics (quick probes)

#HeuristicProbe questions
H1Visibility of system statusDoes every action get feedback within 100ms? Is progress shown for waits > 1s? Is the current location (nav, step) clear?
H2Match with the real worldAre labels in the user’s words, not internal or database terms? Are icons conventional?
H3User control and freedomCan users undo, cancel, go back, and exit flows without losing work?
H4Consistency and standardsSame action, same name and place everywhere? Platform conventions followed?
H5Error preventionAre destructive actions confirmed or undoable? Do constraints prevent invalid input before submit?
H6Recognition rather than recallAre options visible? Does the user have to remember values from a previous screen?
H7Flexibility and efficiencyShortcuts, bulk actions, defaults, saved views for frequent users?
H8Aesthetic and minimalist designDoes every element earn its place? Is the primary action visually dominant?
H9Help users recognize, diagnose, recover from errorsDo errors say what happened, why, and how to fix, next to the problem?
H10Help and documentationIs contextual help available where people get stuck, searchable and task-oriented?

For the detailed checklist per heuristic with common violations, read references/heuristics-checklist.md when a task walk feels clean but the experience is still poor, or for a formal audit.

5. Severity scale (Nielsen 0–4)

RatingMeaningTypical signal
4 CatastrophicBlocks task completion or causes data lossUsers cannot finish signup; delete without confirm or undo
3 MajorCauses significant delay, errors, or abandonment; high priorityKey action hidden in an overflow menu; error message with no fix
2 MinorSlows users or causes confusion; recoverableInconsistent labels; missing loading feedback on a short wait
1 CosmeticPolish; fix if time allowsMisaligned icons, uneven spacing
0Not a usability problemDisagreement on taste

Weigh three factors and write the reason: frequency (how many users hit it), impact (how hard to overcome), persistence (one-time or every time).

Effort: S (copy/CSS, < 1 day), M (component change, days), L (flow or IA change).

6. Writing fixes

  • Specific: “Move ‘Invite teammate’ from Settings > Members to the project header as a secondary button; keep the Settings entry” beats “Make invite more discoverable”.
  • Reuse existing patterns in the product before inventing new ones.
  • When the fix is uncertain, propose a test (5-user usability test, A/B, first-click test) instead of a redesign.

Common high-severity patterns

  • Destructive action without confirmation or undo (H3, H5): prefer undo toasts for reversible actions; typed confirmation only for irreversible, high-impact ones.
  • Form loses input on validation error or back navigation (H3, H5).
  • Silent failures: an action appears to succeed but did not (H1, H9).
  • Primary action visually equal to secondary or destructive actions (H8, H5).
  • Internal jargon in navigation (“Entities”, “Workspaces v2”) (H2).
  • Multi-step flows with no progress indicator or save state (H1, H3).
  • Required information only discoverable from documentation (H6, H10).

Gotchas

  • Reviewing the happy path only misses most severe issues; errors and empty states are where products break.
  • Expert blindness: if you know the product, deliberately do the task without using knowledge the UI does not provide.
  • Inflated severity everywhere makes the report useless; typically fewer than 20% of findings should be 3 or 4.
  • Do not recommend adding tooltips to fix unclear labels; fix the label.

Verification

  • Every finding has: ID, task step, heuristic(s), severity with reason, evidence, fix, effort.
  • Duplicates merged (one root issue appearing on 5 screens is one finding with 5 locations).
  • Top findings re-checked against the live product or latest design before delivery.
  • Severity distribution sanity-checked; positives section included.

Output contract

# UX heuristic review: <product> — <date>

## Summary
Scope: tasks 1–3 on web app build 2026-10-12. 18 findings: 1 catastrophic, 4 major,
9 minor, 4 cosmetic. Biggest risk: <one sentence>.

## Top 5 fixes (by severity, then effort)
1. [F-03] ...

## Findings
### F-03 Deleting a project has no confirmation or undo
- Task / step: Task 3, step 2 (Project settings > Delete)
- Heuristics: H3 User control, H5 Error prevention
- Severity: 4 — irreversible data loss, button sits next to "Rename" (high frequency of
  mis-click), affects every project owner
- Evidence: screenshot settings-delete.png; button is 32px tall, 8px from Rename
- Fix: Move Delete to a separate "Danger zone" section; require typing the project name;
  soft-delete with 30-day restore
- Effort: M

## What works well
- ...

## Recommended user tests
- First-click test on the dashboard to validate F-07 navigation changes

Bundled files

Loaded only when a step in the skill needs them. Review them here before installing.

references/heuristics-checklist.md 96 lines · 4.5 KB
# Heuristic checklist with common violations

Read this for a formal audit or when a task walk feels clean but the experience is still
poor. Each item is a yes/no probe; a "no" is a candidate finding.

## H1 Visibility of system status

- [ ] Buttons show a pressed/pending state within 100ms of click.
- [ ] Operations over ~1s show a spinner or skeleton; over ~10s show progress and allow
      leaving the page or cancelling.
- [ ] Saved/unsaved state is visible in editors ("Saved 2s ago").
- [ ] Current nav item and current step in multi-step flows are highlighted.
- [ ] Background jobs (imports, exports) report status and completion.
- Common violation: optimistic UI that never reports a later server failure.

## H2 Match between system and the real world

- [ ] Labels use the user's vocabulary (check support tickets and search queries).
- [ ] Dates, currency, and units follow the user's locale.
- [ ] Ordering follows real-world logic (chronological, workflow order).
- [ ] Icons are conventional or labeled; no unlabeled abstract icons in primary nav.
- Common violation: database or internal team terms ("SKU entity", "tenant").

## H3 User control and freedom

- [ ] Every modal and flow has a visible cancel/close; Escape closes dialogs.
- [ ] Undo exists for common reversible actions (archive, move, bulk edit).
- [ ] Browser back works and does not lose form data or filters.
- [ ] Users can edit previous steps in a wizard without restarting.
- Common violation: onboarding tours that cannot be skipped or resumed.

## H4 Consistency and standards

- [ ] One term per concept across UI, docs, and emails.
- [ ] Primary button position and style are consistent across dialogs.
- [ ] Same icon means the same thing everywhere.
- [ ] Platform conventions respected (links look like links, Cmd/Ctrl+K search if
      offered, standard keyboard behavior in menus).
- Common violation: "Remove", "Delete", and "Archive" used interchangeably.

## H5 Error prevention

- [ ] Inputs constrain format (date pickers, masks, select for fixed options).
- [ ] Destructive actions are separated from frequent ones and confirmed or undoable.
- [ ] Defaults are safe (e.g. "notify me" off for mass emails until reviewed).
- [ ] Warnings before irreversible consequences (sending, publishing, billing changes).
- Common violation: free-text field where a select would prevent typos.

## H6 Recognition rather than recall

- [ ] Recently used items and saved filters are offered.
- [ ] Information needed for a decision is on the same screen (no tab-switching to copy
      an ID).
- [ ] Placeholder text is not the only label (disappears on input).
- [ ] Search suggests and tolerates typos.
- Common violation: asking for an API key or ID without a picker or link to find it.

## H7 Flexibility and efficiency of use

- [ ] Keyboard shortcuts for frequent actions, discoverable (tooltips, `?` overlay).
- [ ] Bulk select and bulk actions on lists.
- [ ] Sensible defaults and remembered preferences.
- [ ] Deep links to any state (filters, tabs, selected item).
- Common violation: forcing a 5-step wizard on users who do the task daily.

## H8 Aesthetic and minimalist design

- [ ] One clear primary action per screen.
- [ ] No content competes with the task (promos, banners) in critical flows.
- [ ] Visual hierarchy matches importance (size, weight, contrast, position).
- [ ] Rarely used options progressively disclosed.
- Common violation: three equally styled buttons with no primary.

## H9 Recognize, diagnose, and recover from errors

- [ ] Errors appear next to the cause, in plain language, with the fix.
- [ ] Error text never blames the user or shows raw codes alone.
- [ ] Input is preserved after an error.
- [ ] Network errors offer retry; partial failures say what succeeded.
- Common violation: "Something went wrong" toast with no next step.

## H10 Help and documentation

- [ ] Inline help at known friction points (tooltips with real content, "Learn more"
      links to the exact doc section).
- [ ] Empty states explain what goes here and how to start.
- [ ] Docs are searchable and task-oriented.
- [ ] Support contact reachable from error states.
- Common violation: help center link only in the footer of the marketing site.

## Cross-cutting checks

- [ ] Loading, empty, error, and success states exist for every data view.
- [ ] Mobile/touch: targets ≥ 24px (44px preferred), no hover-only actions.
- [ ] Keyboard: every action reachable, focus visible, logical order.
- [ ] Performance perception: no layout jumps on load, skeletons match final layout.

About this skill

Written and maintained by the Claude Skills editors to the same editorial standard as every skill in the directory: a selective trigger, a real workflow, known pitfalls and a verification step. First published , last updated . MIT licensed.

esc