What problem does it solve? Starting a new feature or page without a clear design direction leads to inconsistent UI, scope creep, and rework. This Skill produces a structured design brief that captures the problem, experience principles, aesthetic direction, and component inventory before any code is written. ## Core Features & Use Cases - Structured Interview Process: Walks through user goals, emotional tone, constraints, and content requirements with recommended answers for each question. - Codebase Exploration: Scans for CSS tokens, Tailwind config, UI framework themes, component directories, and font loading so the brief extends existing patterns instead of replacing them. - Standardized Output Template: Saves a complete brief covering problem, solution, experience principles, component inventory, key interactions, responsive behavior, accessibility, and out-of-scope items to .design/<feature-slug>/DESIGN_BRIEF.md. - Use Case: Before building a new settings page, run the interview to define the direction, then hand the resulting brief to downstream design and implementation steps. ## Quick Start Ask the assistant to write a design brief for the feature or page you want to plan, such as the onboarding flow.
