Vibe Workflow
Diagram
This page is the visual map of the process: a stage-by-stage diagram showing how research, PRDs, technical design, agent setup, and export hand off into one another.
Interactive Pipeline Diagram
Use the diagram to understand the handoffs, then jump to the matching resource for any stage
Workflow Phases
The pipeline organized by development phase
Discovery
Validate your idea with AI-powered market research
Definition
Create comprehensive product and technical specifications
Configuration
Generate AI agent configurations for your coding tools
Delivery
Download your complete project kit
Why Use a Structured Pipeline?
Faster Development
Complete your planning phase in under 30 minutes instead of days
Better AI Context
Each stage builds context that makes AI coding assistants more effective
Consistent Output
Standardized artifacts work across Cursor, Windsurf, Copilot, and more
Stage Documentation
Detailed inputs, outputs, and integrations for each stage
Deep Research
AI-powered market research using Google Search Grounding. Validates your idea against real-time market data.
- App idea description
- Target audience
- Problem statement
- Market analysis
- Competitor insights
- Risk assessment
- Feasibility report
PRD Generation
Generate comprehensive PRDs tailored to your experience level and project scope.
- Research insights
- User persona
- Feature requirements
- PRD document
- User stories
- Acceptance criteria
- Success metrics
Technical Design
Create detailed technical specs including database schemas, API endpoints, and component architecture.
- PRD document
- Tech preferences
- Deployment target
- Tech spec
- Database schema
- API design
- Component tree
Agent Configuration
Generate the 'Universal Brain' (AGENTS.md) and tool-specific configurations for AI coding assistants.
- All previous artifacts
- Tool preferences
- Coding standards
- AGENTS.md
- .cursorrules
- Windsurf config
- Claude settings
Export & Deploy
Download your complete project kit with all artifacts bundled and ready for your AI coding assistant.
- All generated artifacts
- Export preferences
- ZIP bundle
- Setup instructions
- IDE configs
- README.md
Automation Tool Integrations
Configs generated for all major AI coding tools
Pipeline Best Practices
Sequential Processing
Each stage builds on the previous. Complete steps in order for best results.
Iterative Refinement
You can go back and regenerate any stage. Changes cascade to dependent stages.
Context Accumulation
The more detail you provide in earlier stages, the better your final output.
Tool Agnostic
AGENTS.md works across all AI coding tools. Use whichever IDE you prefer.
Related Resources
Prompt Templates
Use the prompt templates when you want the raw research, PRD, tech design, and agent instructions outside the app.
Browse the templates →Coding Workflow Guide
Read the long-form explanation when you want the educational reasoning behind the diagram, not just the stage map.
Read the workflow article →