brainstorming

Guides collaborative dialogue to turn ideas into approved design specs before implementation.

Updated Feb 8, 2026
One-click install
npx skills add https://github.com/ttnhan18062000/rpg-based-simulation --skill brainstorming-ttnhan18062000
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: brainstorming
Source: https://github.com/ttnhan18062000/rpg-based-simulation/tree/main/.agents/skills/brainstorming
Command: npx skills add https://github.com/ttnhan18062000/rpg-based-simulation --skill brainstorming-ttnhan18062000

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve? Jumping straight into code without a validated design leads to wasted work, unexamined assumptions, and rework. This Skill enforces a structured discovery process that turns vague ideas into reviewed, user-approved design documents before any implementation begins. ## Core Features & Use Cases - Structured Discovery Dialogue: Explores project context, then asks clarifying questions one at a time to refine purpose, constraints, and success criteria. - Design Presentation & Approval Gate: Proposes 2-3 approaches with trade-offs, presents the design in sections, and blocks all implementation until the user approves. - Spec Review Loop: Writes the design to a dated Markdown file in docs/architecture/, dispatches a spec-document-reviewer subagent, and iterates until approved. - Visual Companion: Optional browser-based companion server (Node.js) that renders mockups, diagrams, and A/B layout options, capturing user clicks via WebSocket events. - Use Case: A user asks to add a new feature to an existing codebase. The Skill explores the repo, asks targeted questions, presents design options, writes a spec, gets it reviewed, and hands off to ticket creation for implementation. ## Quick Start Ask the agent to help you brainstorm and design a new feature before writing any code, and it will walk you through questions, design options, and a written spec.

Frequently Asked Questions about brainstorming

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

FAQPage Schema
How do I brainstorm a feature design before writing code?

Invoke the brainstorming flow, which first explores your project context, then asks clarifying questions one at a time. It proposes 2-3 approaches with trade-offs, presents the design in sections for approval, and writes a spec document before any implementation starts.

What is a spec document review loop in a design workflow?

After the design is written to a Markdown file, a spec-document-reviewer subagent checks it for completeness, consistency, clarity, scope, and YAGNI violations. Issues are fixed and the review re-dispatched until approved, with a maximum of three iterations before escalating to a human.

Can I see UI mockups during a brainstorming session?

Yes, the optional visual companion runs a local Node.js server that serves HTML mockups, wireframes, and side-by-side layout comparisons in your browser. Your clicks are recorded to an events file that the agent reads to capture your selections.

Does the brainstorming skill work for small or simple projects?

Yes, every project goes through the design process regardless of perceived simplicity, though the design can be just a few sentences for trivial changes. The skill explicitly rejects the assumption that simple projects can skip design approval.

What happens after the design spec is approved?

Once the spec passes review and the user approves it, the workflow transitions to ticket creation via the create-tickets command. Implementation planning happens inside the resulting ticket's own Plan phase rather than in a separate planning step.