Vibe Coding Prompt Template

A practical AI workflow for shipping MVPs

Turn an idea into an MVP with structured prompts, agent docs, and AI-assisted coding workflows.

Used on projects like vibeworkflow.app, moneyvisualiser.com, caglacabaoglu.com, and RealDex App.

Table of contents

• Built with this workflow
• Workflow overview
• Quick start and the 5 steps
• Prerequisites and tools
• Advanced agent practices
• Project structure and deployment
• Common pitfalls and troubleshooting
• Further reading

Built with this workflow

This repo documents the workflow behind a handful of shipped projects. The goal is simple: do the thinking upfront, hand clean context to your tools, and keep the build phase moving.

Maintained by Alp Yalay.

Workflow overview

The process moves through five stages, from idea validation to working code:

flowchart LR
    subgraph Phase1[" "]
        A[💡 Idea]
    end

    subgraph Phase2["Research"]
        B[📊 Market Analysis]
    end

    subgraph Phase3["Define"]
        C[📋 PRD]
    end

    subgraph Phase4["Design"]
        D[🏗️ Tech Design]
    end

    subgraph Phase5["Generate"]
        E[🤖 AGENTS.md]
    end

    subgraph Phase6["Build"]
        F[🚀 MVP]
    end

    A --> B --> C --> D --> E --> F

    style A fill:#667eea,stroke:#667eea,color:#fff
    style B fill:#764ba2,stroke:#764ba2,color:#fff
    style C fill:#f093fb,stroke:#f093fb,color:#fff
    style D fill:#4facfe,stroke:#4facfe,color:#fff
    style E fill:#00f2fe,stroke:#00f2fe,color:#000
    style F fill:#43e97b,stroke:#43e97b,color:#000

Quick start and the 5 steps

TL;DR: run research, turn it into a PRD, choose the stack, generate your agent files, then build in small passes.

Phase 1: thinking through the product

Do the first three steps in ChatGPT, Claude.ai, Gemini, or any other chat tool. You do not need a repo yet.

Deep Research

Check whether the idea is worth building - 20-30 min

This step gives you a quick read on demand, competitors, and whether the scope looks realistic.