mengxuebi-mush

UX Heuristic Evaluation — Design skill for Claude Code

Design community

A Claude Code skill for systematic UX heuristic evaluations using Nielsen's 10 usability heuristics.

How to install UX Heuristic Evaluation

This entry records only its repository, not the path inside it, so there is no exact command to give. Open mengxuebi-mush/ux-heuristic-evaluation and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What UX Heuristic Evaluation does

A Claude Code skill for systematic UX heuristic evaluations using Nielsen's 10 usability heuristics.

Alternatives in Design

Design Critique — UX heuristic review of Figma screens — evaluates against Nielsen's 10 heuristics, visual design quality, spaci 309 ★
Design Theme Generation Skill — Claude Skill for systematic design theme generation from moodboard analysis 7 ★
Agent Systems — Design multi-agent systems — orchestration patterns, tool use, memory, planning loops, failure handling, evalu 2 ★

README

UX Heuristic Evaluation Skill

A Claude Code skill that performs systematic usability evaluations using Jakob Nielsen's 10 usability heuristics, supplemented by auto-detected domain-specific modules. Produces a structured markdown report with severity ratings, specific findings, and prioritized actions.

What It Does

When you ask Claude Code to evaluate, review, audit, or critique a UI, this skill:

Detects your input type -- screenshots, code files, Figma URLs, or a combination
Auto-enables relevant modules based on what it sees (e.g., charts trigger the Data Visualization module)
Runs all 10 Nielsen heuristics plus active supplementary modules
Writes a structured report to a markdown file in your project root
Prints a summary with rating tally, priority actions, and suggested next steps

Supported Inputs

Input	What gets evaluated
Screenshot / image	Visual hierarchy, layout, labeling, control placement
Code file (HTML, JSX, TSX, etc.)	Interaction logic, states, constraints, accessibility attributes
Both	Code for interaction analysis, screenshot for visual judgment
Figma URL	Retrieves design via MCP tools, treats as screenshot + code context
Multi-step screenshots	User flow evaluation (e.g., drill-down sequences, onboarding flows)

How to Trigger

Say any of these to Claude Code:

"Run a UX evaluation on this page"
"Review this UI"
"Evaluate the usability of this dashboard"
"Critique this design"
Provide a screenshot and ask for feedback

Modules

Core: Nielsen's 10 Heuristics (always active)

#	Heuristic
1	Visibility of System Status
2	Match Between System and Real World
3	User Control and Freedom
4	Consistency and Standards
5	Error Prevention
6	Recognition Rather Than Recall
7	Flexibility and Efficiency of Use
8	Aesthetic and Minimalist Design
9	Help Users Recognize, Diagnose, and Recove