What problem does it solve? Teams and developers often jump straight into coding without a validated design, leading to wasted work on unexamined assumptions. This Skill enforces a structured brainstorming workflow that turns rough ideas into reviewed, approved design specifications before any implementation begins. ## Core Features & Use Cases - Structured Design Dialogue: Explores project context, asks clarifying questions one at a time, proposes 2-3 approaches with trade-offs, and presents the design in sections for incremental user approval. - Spec Documentation & Review Gates: Writes the approved design to a dated spec file, runs a self-review for placeholders, contradictions, and ambiguity, then requires explicit user review before transitioning to implementation planning. - Browser-Based Visual Companion: Optionally serves live HTML mockups, wireframes, and side-by-side layout comparisons in the user's browser via a local WebSocket server, capturing click selections as structured events. - Use Case: A developer wants to add a new feature. Invoke this Skill to explore the codebase, clarify requirements, compare architectural approaches, and produce a committed design doc that feeds directly into an implementation plan. ## Quick Start Ask the agent to brainstorm your feature idea into a design spec before writing any code.