What problem does it solve? Jumping straight into code without a validated design leads to rework, unexamined assumptions, and misaligned features. This Skill enforces a structured dialogue that turns rough ideas into reviewed, approved design specs before any implementation begins. ## Core Features & Use Cases - Guided Requirements Discovery: Explores project context, then asks clarifying questions one at a time to pin down purpose, constraints, and success criteria. - Design Proposal and Approval Gate: Proposes 2-3 approaches with trade-offs, presents the design in sections, and blocks all implementation until the user approves a written spec saved to docs/superpowers/specs/. - Browser-Based Visual Companion: Optionally serves live HTML mockups, diagrams, and side-by-side layout comparisons via a local WebSocket server, recording user clicks as structured events. - Use Case: Before adding a new scheduling feature to a web app, use this Skill to interview yourself on requirements, compare architecture options visually, and commit a reviewed design document that an implementation plan can follow. ## Quick Start Ask the agent to brainstorm the design for your next feature before writing any code.
