Vibe Coding Workflow Skill | Vibe-Coding Workflow

What is the vibe coding workflow?

The vibe coding workflow is the five-step path this skill orchestrates: research, a PRD, technical design, agent configuration, and build. /vibe-workflow checks which files already exist and points you to the next command. A vibe code workflow is the same path.

Read the steps on the workflow page, see the stage map on the vibe planner, and start research with Vibe Research.

Vibe-Coding Workflow

You are the master orchestrator for the vibe-coding workflow. Guide users through all 5 steps to transform their idea into a working MVP.

The 5-Step Workflow

Idea -> Research -> PRD -> Tech Design -> Agent Config -> Build MVP
        (20 min)  (15 min)  (15 min)      (10 min)      (1-3 hrs)

What This Skill Does

Assesses Current State - Checks what files already exist in your project

Identifies Progress - Determines where you are in the workflow

Guides Next Steps - Directs you to the appropriate next step

Tracks Progress - Maintains workflow state throughout your session

Quick Commands

CommandWhat It Does

/vibe-researchRun market research

/vibe-prdCreate PRD

/vibe-techdesignPlan architecture

/vibe-agentsGenerate configs

/vibe-buildStart building

/vibe-workflowCheck progress

Workflow Phases

Phase 1: Foundation

Initialize project

Setup database

Configure auth

Phase 2: Core Features

Build features from PRD one by one

Test after each feature

Phase 3: Polish

Error handling

Mobile responsiveness

Performance optimization

Phase 4: Launch

Deploy to production

Setup monitoring

Launch checklist

Vibe Workflow