What problem does it solve? Starting a new design project without structure leads to skipped discovery, inconsistent decisions, and lost context between phases. This Skill guides you through the complete design workflow as an ordered sequence, ensuring each phase is completed and confirmed before moving on. ## Core Features & Use Cases - Guided Phase Orchestration: Runs six phases in order—Grill Me, Design Brief, Information Architecture, Design Tokens, Brief to Tasks, and Frontend Design—with confirmation gates between each. - Persistent Design Artifacts: Saves outputs like DESIGN_BRIEF.md, INFORMATION_ARCHITECTURE.md, TASKS.md, and token files under a per-feature .design/<feature-slug>/ folder so multiple features stay independent. - Mid-Flow Resume: Detects existing artifacts in the .design/ folder and resumes from the next incomplete phase when you return. - Optional Design Review: Runs a screenshot-based review against the brief only on request, using Playwright MCP or a browser fallback. - Use Case: You are starting a new dashboard feature from scratch. Invoke the flow, get grilled on key decisions, produce a brief and IA document, generate tokens, break work into tasks, and build each component with checkpoints. ## Quick Start Ask the assistant to run the full design flow for your new feature and follow the guided phases from grilling through the build.
