@mblode/ux-audit

Feature-level UX audit for React/Next.js code, diff-aware by default. Catches what Lighthouse, axe, ESLint, and Storybook miss: state-coverage gaps (missing loading/empty/error), form data loss on validation, double-submit, broken focus management, optimistic UI without rollback, stale async responses, skeleton-induced layout shift, and vague microcopy. 33 modern failure-mode rules plus 30 Laws of UX rules across 12 feature playbooks. Produces a 3-tier ship-readiness verdict (release-blocker / fix-this-sprint / backlog) grouped by surface, with concrete fixes using React 19 APIs (useActionState, useFormStatus, useOptimistic, useTransition, Suspense). Use before merging a frontend PR or when asked "review this PR for UX bugs", "audit this component", "is this checkout/onboarding/dashboard ready?", "what would break in production?", "is this ready to ship?". For agentic-app patterns and trust design, use ax-audit; for page-level audits of rendered UI quality and accessibility, use ui-audit.

View in AI SkillSafe app
Scanned · no findings
0 downloads
0 stars
0 demos
SKILL.md

Embed badges

Add these to your README to show the skill's verification status.

SkillSafe verified badge
Verified badge
[![SkillSafe verified badge](https://api.skillsafe.ai/v1/badge/@mblode/ux-audit/verified)](https://skillsafe.ai/skill/@mblode/ux-audit/)
Installs badge
Installs badge
[![Installs badge](https://api.skillsafe.ai/v1/badge/@mblode/ux-audit/installs)](https://skillsafe.ai/skill/@mblode/ux-audit/)
Scan badge
Scan badge
[![Scan badge](https://api.skillsafe.ai/v1/badge/@mblode/ux-audit/scan)](https://skillsafe.ai/skill/@mblode/ux-audit/)
Eval pass rate badge
Eval pass rate
[![Eval pass rate badge](https://api.skillsafe.ai/v1/badge/@mblode/ux-audit/eval)](https://skillsafe.ai/skill/@mblode/ux-audit/)