What problem does it solve? Jumping straight into code without a validated design leads to rework, misunderstood requirements, and wasted effort. This Skill enforces a structured brainstorming workflow that turns vague ideas into reviewed, approved design specifications before any implementation begins. ## Core Features & Use Cases - Structured Design Dialogue: Explores project context, asks one clarifying question at a time, presents 2-3 approaches with trade-offs, and walks through the design section by section for user approval. - Specification Document Generation: Writes the validated design to a dated spec file under docs/superpowers/specs/, runs a self-check for placeholders, contradictions, ambiguity, and scope, then commits it to git. - Visual Companion Server: Ships a local Node.js WebSocket server that serves HTML prototypes, wireframes, and A/B layout comparisons in the browser, capturing user click events for feedback. - Use Case: Before building a new feature like a scheduled-posting module, use this Skill to clarify requirements, compare architectural options, and produce an approved spec that a planning skill can turn into an implementation plan. ## Quick Start Ask the agent to brainstorm the design for your next feature before writing any code, and answer its clarifying questions one at a time.
