brainstorming

Guides collaborative design exploration and produces approved spec documents before implementation.

10|1|Updated Jul 29, 2026
One-click install
npx skills add https://github.com/flowing-abyss/obsidian-local-fonts --skill brainstorming-flowing-abyss
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: brainstorming
Source: https://github.com/flowing-abyss/obsidian-local-fonts/tree/main/.ai/skills/brainstorming
Command: npx skills add https://github.com/flowing-abyss/obsidian-local-fonts --skill brainstorming-flowing-abyss

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

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 - 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 approval. - Spec Document Workflow: Writes the validated design to a dated spec file, runs a self-review for placeholders, contradictions, and scope, then gates implementation on user approval. - Visual Companion Server: Optionally serves browser-based mockups, diagrams, and clickable option screens via a local WebSocket server for questions that are clearer shown than described. - Use Case: Before building a new feature, use this Skill to refine requirements, compare architectural approaches, and produce a committed design document that feeds directly into implementation planning. ## Quick Start Ask the agent to brainstorm the design for your next feature before writing any code.

Frequently Asked Questions about brainstorming

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I design a feature before writing code with an AI agent?▼

Invoke the brainstorming flow before any implementation. It explores your project context, asks clarifying questions one at a time, proposes 2-3 approaches with trade-offs, and presents a design for your approval before any code is written.

What is a design spec document in an AI coding workflow?▼

A spec document is a dated Markdown file capturing the validated design, saved under docs/superpowers/specs/ and committed to git. It is self-reviewed for placeholders, contradictions, ambiguity, and scope, then approved by you before implementation planning begins.

Does the brainstorming skill work for small or simple projects?▼

Yes, every project goes through the process regardless of perceived simplicity. The design can be just a few sentences for trivial work, but it must still be presented and approved before implementation starts.

How do I show UI mockups during AI-assisted brainstorming?▼

When a question is genuinely visual, the skill offers a browser companion. After approval, start-server.sh launches a local server that serves HTML mockups and records your clicks to a state file the agent reads.

What are the limitations of the visual companion server?▼

The server binds locally by default, requires the full keyed URL to access, and auto-exits after 4 hours idle. It is meant for visual questions only; text-based requirements and trade-off discussions stay in the terminal.