From Vibe Coding

To Spec-Driven Development

Victor Nitu

• AI Engineer @ IMTF
• AI Solutions for RegTech

Agenda

• Vibe Coding & Spec-driven Development
• Agentic Planning Workflow (Web UI)
• Context-Engineered Development Cycle (IDE)

BMAD-METHOD™

Agentic Planning Workflow (Web UI)

1. Get the bundle: dist/teams/team-fullstack.txt
2. Create AI agent: OpenAI CustomGPT
3. Start Workflow: Greenfield or Brownfield

Codebase Flattener Tool

npx bmad-method flatten -i `pwd` -o `pwd`/docs/flattened-codebase.xml

A) Autopilot Option

# Fullstack project
*workflow brownfield-fullstack

# Backend project
*workflow brownfield-service

# Frontent project
*workflow brownfield-ui

B) Manual Option

# include flattened-codebase.xml
/analyst   *document-project
/analyst   generate `source-tree.md`

# include document-project.md
/pm        *create-brownfield-prd

# include prd.md
/pm        *create-brownfield-epic

# include document-project.md + prd.md + source-tree.md
/architect *create-brownfield-architecture
/architect generate `coding-standard.md`
/architect generate `tech-stack.md`

Analyst

• Project documentation:
  • /analyst *document-project + flattened-codebase.xml
    • docs/document-project.md
• Source Tree:
  • /analyst generate `source-tree.md/` + flattened-codebase.xml
    • docs/architecture/source-tree.md

Project Manager

• Product Requirements Document:
  • /pm *create-brownfield-prd + document-project.md
    • docs/prd.md
• Epic 1:
  • /pm *create-brownfield-epic + prd.md
    • docs/prd/epic-1.md
• Epic 2:
  • /pm *create-brownfield-epic + prd.md
    • docs/prd/epic-2.md
• ...

Architect

bundle = document-project.md + prd.md + source-tree.md

• Architecture:
  • /architect *create-brownfield-architecture + bundle
    • docs/architecture.md
• Coding Standard:
  • /architect generate `coding-standard.md` + bundle
    • docs/architecture/coding-standard.md
• Tech Stack:
  • /architect generate `tech-stack.md` + bundle
    • docs/architecture/tech-stack.md

Context-Engineered Development Cycle (IDE)

	Agent / Tool	Development Task
Step 1	Installer	Install BMAD
Step 2	Product Owner	Shard PRD & Architecture
Step 3	Scrum Master	Create draft story
Step 4	Product Owner	Validate draft story
Step 5	Developer	Develop validated story
Step 6	Quality Advisor	Review developed story

Install BMAD in IDE

npx bmad-method install

Product Owner

• Shard PRD:
  • /po shard-doc docs/prd.md docs/prd
    • docs/prd/1-goals-background-context.md
    • docs/prd/2-requirements.md
    • ...
• Shard Architecture:
  • /po shard-doc docs/architecture.md docs/architecture
    • docs/architecture/1-project-context-scope.md
    • docs/architecture/2-target-architecture-overview.md
    • ...

Scrum Master

• Draft User Story:
  • /sm *draft
    • docs/stories/1.1.story.md
      • Draft

Product Owner

• Validate Draft User Story:
  • /po *validate-story-draft 1.1
    • docs/stories/1.1.story.md
      • Draft => Approved

Full Stack Developer

• Develop User Story:
  • /dev *develop-story 1.1
    • docs/stories/1.1.story.md
      • Approved => Ready for Review

Test Architect & Quality Advisor

• Review User Story:
  • /qa *review 1.1
    • docs/stories/1.1.story.md
      a. Ready for Review => Done
      b. Ready for Review => In Progress
      • docs/qa/gates/1.1-xxx.yml

Conclusion

• Vibe coding is fun but breaks down at scale
• Spec-driven practices enable structure + creativity
• BMAD-METHOD™ provides:
  • Flattening & sharding tools
  • Role-based agent workflows
  • End-to-end support for greenfield & brownfield projects

Questions?

Thank you!
Let's turn vibes → specs → production