What problem does it solve? Frontend work often stops at a component inventory with unverified states, broken responsiveness, and unchecked accessibility. This Skill enforces a complete audit-to-verification workflow so interfaces ship with all states implemented and evidence-backed quality checks. ## Core Features & Use Cases - Structured Design Workflow: Audits the current UI, writes an internal design brief, builds a coherent page composition, and extends existing tokens and primitives. - Complete State Coverage: Implements loading, empty, error, offline, unauthorized, disabled, pending, and success states rather than only the happy path. - Verification with Evidence: Checks accessibility, captures responsive layouts at 375/768/1024/1440 widths via Playwright, profiles performance, and runs lint, typecheck, tests, and production builds. - Use Case: Ask the agent to rebuild a product landing page; it audits hierarchy and tokens, implements the page with real content, verifies keyboard navigation and contrast, captures screenshots at four breakpoints, and reports files changed plus remaining risks. ## Quick Start Redesign the dashboard page using the worldclass-frontend workflow and verify it visually at mobile and desktop widths before reporting the results.
