Ux Heuristic Evaluation

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:

1. Detects your input type -- screenshots, code files, Figma URLs, or a combination
2. Auto-enables relevant modules based on what it sees (e.g., charts trigger the Data Visualization module)
3. Runs all 10 Nielsen heuristics plus active supplementary modules
4. Writes a structured report to a markdown file in your project root
5. 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