What problem does it solve? Manually reviewing a web application for UI/UX regressions is slow and inconsistent, and visual quality issues often slip through code review. This Skill automates structured UI audits by driving a real browser through user flows, capturing screenshots and accessibility snapshots, and reporting issues categorized by severity. ## Core Features & Use Cases - Flow-Based Functional Audit: Navigates user flows with Playwright MCP, capturing screenshots and a11y-tree snapshots at each state, then checks states, accessibility, content, interactions, and layout. - Visual Direction Evaluation: Runs a separate holistic pass scoring focal point, type scale, spacing rhythm, primary action clarity, and intentionality on a 1-5 scale, flagging low scores for human design review. - Severity-Categorized Reporting: Outputs a structured Markdown report grouping issues into Critical, Moderate, and Minor tables, plus positives and per-flow results. - Use Case: Before opening a PR for a new settings page, run the audit at mobile and desktop viewports to catch missing loading states, unlabeled controls, and weak visual hierarchy before reviewers do. ## Quick Start Audit the app running at localhost:3000 on mobile viewport and report all UI/UX issues by severity.
