Agent skill

idea-to-design

Use when asked to turn an idea note into a design document, plan an idea, or make an idea real

Stars 2
Forks 0

Install this agent skill to your Project

npx add-skill https://github.com/britt/claude-code-skills/tree/main/skills/idea-to-design

SKILL.md

Idea to Design

Transform raw idea notes into comprehensive design documents autonomously.

Process

  1. Read the idea note - Understand what's being proposed
  2. Create folder - Inside the Ideas folder, create a subfolder named after the idea
  3. Move original - Move the original idea note into the new folder
  4. Research - Investigate unknowns, find relevant information, explore feasibility
  5. Write design doc - Answer: What is it? Who is it for? How does it work? Where is it deployed?
  6. Document decisions - Create explicit Decisions.md listing choices made and reasoning

Required Outputs

All files go in Ideas/<Idea Name>/:

File Purpose
<Original>.md The original idea note (moved here)
Design.md Comprehensive design document
Decisions.md Explicit list of decisions with reasoning
Research.md Sources consulted, findings, and references

Autonomy

Ask zero questions. Make reasonable decisions and document them. If something is unclear:

  • State the assumption
  • Make a choice
  • Document it in Decisions.md

Design Doc Should Answer

  • Is it software, hardware, or a service?
  • Who is the target audience?
  • How will it work technically?
  • Where will it be deployed/run?
  • What's the business model (if applicable)?
  • What are the risks and mitigations?
  • What are the next steps?

Diagrams

Use Mermaid for all diagrams. Obsidian renders Mermaid natively.

  • Architecture diagrams: flowchart TB or flowchart LR
  • Sequences: sequenceDiagram
  • Data flow: flowchart with subgraphs
  • State machines: stateDiagram-v2

Never use ASCII art.

Research.md Should Include

  • Questions that needed answering
  • Sources consulted (web searches, docs, etc.)
  • Key findings that informed the design
  • Gaps that couldn't be filled

Decisions.md Format

markdown
# Decisions

## <Decision Title>
**Choice:** What was decided
**Alternatives:** What else was considered
**Reasoning:** Why this choice was made

Didn't find tool you were looking for?

Be as detailed as possible for better results