Brainstorming (Idea → Design)
A pre-implementation workflow that clarifies requirements through dialogue, compares 2-3 approaches, and commits an approved design spec before any code is written.
What it does
Before building a new feature or system, Claude stops itself from coding. It first reads project context (files, docs, recent commits), then asks one question at a time to nail down purpose, constraints, and success criteria. Next it proposes 2-3 alternative approaches with trade-offs and a recommendation, and presents the design section by section, getting your sign-off on each.
The approved design is written to docs/specs/YYYY-MM-DD-<topic>-design.md and committed to git, then self-reviewed for placeholders, contradictions, ambiguity, and scope. Only after you approve does it build a step-by-step implementation plan. A hard gate forbids writing code or scaffolding before design approval. An optional browser-based "visual companion" is offered just-in-time for genuinely visual questions (mockups, layout comparisons, diagrams).
Who it's for
- Developers burned by AI implementing the wrong thing from vague prompts
- Solo devs and tech leads who want a real spec document as an artifact
- Anyone wanting to make "agree on design first" a habit
Examples
- "Brainstorm with me: I want an internal document search bot" → guided questions on data sources and auth, then a comparison of vector vs keyword vs hybrid search before the spec is written.
- "Build me a platform with chat, file storage, billing and analytics" → the skill flags the scope as too large, splits it into sub-projects, and designs only the first one.
- "Which of these two onboarding wizard layouts is better?" → only at that visual moment does it offer to open a browser tab with side-by-side mockups.
· · · Install guide · · ·
Install in the Claude app (no terminal)
- Download the ZIP with the button below.
- In Claude, open Settings → Capabilities and turn on 'Code execution and file creation'. (one time)
- Go to Customize → Skills → + → 'Upload a skill' and upload the ZIP.
Install in Claude Code
Let Claude do it — paste this into Claude Code
Install the skill I found on Claude Skill Mart. Copy the skills/brainstorming folder from the GitHub repo feiskyer/claude-code-settings into my ~/.claude/skills/brainstorming/. When it's done, tell me in one line what this skill can do.
Install with a command instead
git clone https://github.com/feiskyer/claude-code-settings.git /tmp/ccs && mkdir -p ~/.claude/skills && cp -r /tmp/ccs/skills/brainstorming ~/.claude/skills/⚠ This is a third-party skill. Check the source repository before installing.
- Open a terminal.
- Create the skills directory:
mkdir -p ~/.claude/skills - Clone the repo:
git clone https://github.com/feiskyer/claude-code-settings.git /tmp/ccs - Copy the skill:
cp -r /tmp/ccs/skills/brainstorming ~/.claude/skills/ - (Optional) Verify that
visual-companion.mdandspec-document-reviewer-prompt.mdcame along inside~/.claude/skills/brainstorming/. - Restart Claude Code, then say "brainstorm" or "help me design this feature" to trigger it.
- Run it from inside your project directory, since the design doc is saved to
docs/specs/.