What problem does it solve? Auditing or building interfaces against vague memories of other apps produces inconsistent results. This Skill systematically studies a reference web app — every screen, state, and interaction — and turns it into a concrete, screenshot-backed pattern library that audits and builds can compare against. ## Core Features & Use Cases - Exhaustive capture: Walks every route and records screenshots of default, hover, focus, loading, empty, error, and success states at 1440, 768, and 375 widths, plus motion GIFs. - Verbatim copy corpus: Records button labels, error messages, empty-state text, and confirmation dialogs exactly as written for writers and designers. - Structured pattern library: Deduplicates recurring patterns and outputs a navigable pattern-library.md with cross-references, occurrence counts, and notable absences. - Use Case: Before redesigning a dashboard, extract patterns from a best-in-class competitor app, then run a ux-audit against that library to get findings like "empty state lacks CTA — reference shows CTA plus two example prompts." ## Quick Start Extract the UX patterns from claude.ai and build a pattern library I can audit my app against.
