How to Create a Tech Spec
Use the tech-spec workflow for Quick Flow projects to go directly from idea to implementation-ready specification.
When to Use This
Section titled âWhen to Use Thisâ- Bug fixes and small enhancements
- Small features with clear scope (1-15 stories)
- Rapid prototyping
- Adding to existing brownfield codebase
- Quick Flow track projects
Prerequisites
Section titled âPrerequisitesâ- BMad Method installed
- PM agent or Quick Flow Solo Dev agent available
- Project directory (can be empty for greenfield)
1. Load the PM Agent
Section titled â1. Load the PM AgentâStart a fresh chat and load the PM agent (or Quick Flow Solo Dev agent).
2. Run the Tech Spec Workflow
Section titled â2. Run the Tech Spec Workflowâ*create-tech-specOr simply describe what you want to build:
I want to fix the login validation bug3. Answer Discovery Questions
Section titled â3. Answer Discovery QuestionsâThe workflow will ask:
- What problem are you solving?
- Whatâs the scope of the change?
- Any specific constraints?
4. Review Detected Context
Section titled â4. Review Detected ContextâFor brownfield projects, the agent will:
- Detect your project stack
- Analyze existing code patterns
- Detect test frameworks
- Ask: âShould I follow these existing conventions?â
5. Get Your Tech Spec
Section titled â5. Get Your Tech SpecâThe agent generates a comprehensive tech-spec with ready-to-implement stories.
What You Get
Section titled âWhat You Getâtech-spec.md
Section titled âtech-spec.mdâ- Problem statement and solution
- Detected framework versions and dependencies
- Brownfield code patterns (if applicable)
- Existing test patterns to follow
- Specific file paths to modify
- Complete implementation guidance
Story Files
Section titled âStory FilesâFor single changes:
story-[slug].md- Single user story ready for development
For small features:
epics.md- Epic organizationstory-[epic-slug]-1.md,story-[epic-slug]-2.md, etc.
Example: Bug Fix (Single Change)
Section titled âExample: Bug Fix (Single Change)âYou: âI want to fix the login validation bug that allows empty passwordsâ
Agent:
- Asks clarifying questions about the issue
- Detects your Node.js stack (Express 4.18.2, Jest for testing)
- Analyzes existing UserService code patterns
- Asks: âShould I follow your existing conventions?â â Yes
- Generates tech-spec.md with specific file paths
- Creates story-login-fix.md
Total time: 15-30 minutes (mostly implementation)
Example: Small Feature (Multi-Story)
Section titled âExample: Small Feature (Multi-Story)âYou: âI want to add OAuth social login (Google, GitHub)â
Agent:
- Asks about feature scope
- Detects your stack (Next.js 13.4, NextAuth.js already installed!)
- Analyzes existing auth patterns
- Confirms conventions
- Generates:
- tech-spec.md (comprehensive implementation guide)
- epics.md (OAuth Integration epic)
- story-oauth-1.md (Backend OAuth setup)
- story-oauth-2.md (Frontend login buttons)
Total time: 1-3 hours (mostly implementation)
Implementing After Tech Spec
Section titled âImplementing After Tech Specâ# Single change:# Load DEV agent and run dev-story
# Multi-story feature:# Optional: Load SM agent and run sprint-planning# Then: Load DEV agent and run dev-story for each storyBe Specific in Discovery
Section titled âBe Specific in Discoveryâ- â âFix email validation in UserService to allow plus-addressingâ
- â âFix validation bugâ
Trust Convention Detection
Section titled âTrust Convention DetectionâIf it detects your patterns correctly, say yes! Itâs faster than establishing new conventions.
Keep Single Changes Atomic
Section titled âKeep Single Changes AtomicâIf your âsingle changeâ needs 3+ files, it might be a multi-story feature. Let the workflow guide you.
Related
Section titled âRelatedâ- Quick Flow - Understanding Quick Spec Flow
- Implement Story - After tech spec
- Create PRD - For larger projects needing full BMad Method