hatch3r-ui-ux-verify

What problem does it solve?

This Skill prevents shipping “done in name only” UI by enforcing accessibility, keyboard operability, visual regression stability, state completeness, and performance budgets before release.

Core Features & Use Cases

• Automated accessibility gate: Runs axe-core checks (serious/critical violations must be zero) including focus visibility, target size, and drag alternatives for interactive routes.
• Deterministic interaction verification: Performs scripted keyboard navigation with assertions for focus visibility, viewport presence, and absence of keyboard traps.
• Accessibility and UX regression detection: Captures accessibility-tree snapshots (h1/landmarks/named inputs/alt coverage) and enforces four-state coverage (loading, empty, error, partial) with committed snapshots.
• Visual regression and microcopy quality: Compares screenshots against locked baselines with strict diff thresholds and lint-checks user-facing microcopy for clarity and corrective verbs.
• Performance and AI-UX checks when applicable: Enforces Core Web Vitals p75 targets and validates streaming/UI patterns, tool-call visibility, approvals for side effects, and abort controls.
• Manual screen-reader release gate: Requires one human pass (VoiceOver or NVDA) on the key user flow per release with recorded findings in release notes.

Quick Start

Run hatch3r-ui-ux-verify during PR review to block merges until all nine UX verification gates pass, including the per-release manual screen-reader pass.