Skip to content
UXClaim
UX Design

UX Expert

Professional UX auditing skill for Claude Code. Performs 14-heuristic SaaS audits, component critiques, accessibility reviews, and delivers developer-ready r...

View source More in UX Design

What It Does

UX Expert transforms Claude Code into a senior UX practitioner, automating professional-grade interface analysis without leaving your IDE. It performs systematic UX audits using Nielsen’s 10 usability heuristics plus 4 SaaS-specific principles, delivering severity-scored findings with business impact analysis.

How It Works

Invoke the skill on any UI component, page, or user flow. The skill analyzes:

  • UX Audits — 14-heuristic evaluation with cognitive load assessment and conversion friction points
  • Component Critiques — State matrix coverage, accessibility gaps, responsive behavior, and code-ready fixes
  • Flow Analysis — Multi-step user journeys mapped to drop-off hypotheses and optimization opportunities
  • Design Briefs — Developer specifications with interaction states, typography scales, ARIA roles, and Tailwind examples

Use Cases

  • Audit SaaS dashboards for information overload before handoff to engineers
  • Identify accessibility violations (WCAG compliance) in existing interfaces
  • Analyze onboarding funnels to uncover signup drop-off causes
  • Generate specs for form redesigns with state transitions and error handling
  • Review pricing pages and empty states for conversion optimization

Who Benefits

Product designers doing solo audits, design leads needing research-backed critique frameworks, and product managers validating design decisions before development. Works best when you can share component code, screenshots, or flow descriptions.

Frequently asked questions

How do I install UX Expert in Claude Code?
Create `.claude/skills/ux-expert/` in your project root (or globally in `~/.claude/skills/ux-expert/`) and copy the skill files there. Or clone directly: `git clone https://github.com/riccardosecchi/ux-expert-skill.git ~/.claude/skills/ux-expert`. Restart Claude Code and the skill appears in your skills list.
What's included in a UX audit output?
A complete audit includes: executive summary with business impact, 14-heuristic checklist (Nielsen + SaaS-specific) with severity ratings, prioritized action list (P1/P2/P3 with effort estimates), implementation notes with component code examples, and success metrics to measure improvement.
Can UX Expert check WCAG accessibility compliance?
Yes. The skill includes accessibility analysis across all deliverables—it flags missing ARIA roles, keyboard navigation gaps, color contrast issues, focus indicators, and semantic HTML problems. Output includes specific ARIA attributes and code fixes for developers.
How is UX Expert different from manual design reviews?
UX Expert applies consistent, research-backed frameworks (Nielsen heuristics + SaaS principles) automatically. It generates severity scores, business impact analysis, effort estimates, and developer-ready specifications—eliminating subjective feedback and speeding design handoffs by hours.
What formats can I audit with UX Expert?
Paste component code (React, HTML), share design screenshots, describe user flows in text, or reference page URLs. The skill works with any format you can describe—it doesn't require design files or special tools.
Does UX Expert require external tools or dependencies?
No. The skill runs entirely within Claude Code using built-in tools (Read, Grep, Glob, Write). No external APIs, plugins, or subscriptions needed—just Claude Code and the skill installed locally.
How does UX Expert handle SaaS-specific issues?
The skill includes 4 SaaS-specific heuristics beyond Nielsen's 10: onboarding friction, pricing page clarity, dashboard cognitive load, and empty state guidance. It's tuned for B2B interfaces, admin dashboards, and conversion funnels.
Can I get implementation code from UX Expert audits?
Yes. Design brief output includes Tailwind CSS classes, React component props, ARIA roles, responsive breakpoints, and interaction state code—ready to hand to developers without translation.

Glossary

Nielsen's 10 Usability Heuristics
Industry-standard UX evaluation framework measuring visibility of system status, match between system and real world, user control and freedom, consistency, error prevention, recognition vs recall, flexibility, aesthetic design, error recovery, and help documentation.
Severity Scoring
Classification system ranking findings by impact: Critical (blocks task completion), Major (degrades experience significantly), Minor (cosmetic or edge-case issues). Helps teams prioritize fixes by business value.
Developer-Ready Specifications
Design handoff documents including interaction states, responsive breakpoints, typography scales, color tokens, ARIA attributes, and code examples—enabling engineers to implement without design tool exports.
Cognitive Load
Mental effort required to process an interface. Measured against Miller's Law (7±2 items per view). Overloaded interfaces slow decision-making and increase errors.
WCAG Compliance
Web Content Accessibility Guidelines standard ensuring interfaces are accessible to people with disabilities. Levels A (minimum), AA (recommended), and AAA (enhanced) address keyboard navigation, color contrast, screen reader compatibility, and semantic HTML.

More in UX Design

All →
UX Design

Canvas Design

Creates beautiful visual art in PNG and PDF documents using design philosophy and aesthetic principles for posters, designs, and static pieces.

ComposioHQ
UX Design

Claude Design

AI design workspace for prototyping, design systems, and marketing collateral using Claude's vision model and conversation-to-artifact workflow.

Julpygo
UX Design

Design Thinking Skills

Claude-powered Design Thinking coach guiding teams from user research through shipped solutions with phase-by-phase methods, templates, and facilitation scri...

rastian
UX Design

Eagle Skills

Expert UX audits, product diagnostics, ad review, and AI detection for Claude Code with 65+ UX laws and anti-slop filtering.