khazp/vibe-coding-prompt-template

Templates and workflow for generating PRDs, Tech Designs, and MVP and more using LLMs for AI IDEs

1.6K stars216 forksUpdated Jan 20, 2026
npx skills add khazp/vibe-coding-prompt-template

README

Vibe-Coding Workflow

AI-Powered MVP Development

Build an MVP in hours, not months — guided by AI coding agents

MIT License PRs Welcome Stars Issues

Claude Gemini ChatGPT Cursor VS Code


The Workflow

Transform any app idea into working code through 5 AI-powered stages:

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
StageWhat HappensOutputTime
ResearchValidate market & tech landscaperesearch.txt20 min
DefineClarify product scopePRD.md15 min
DesignDecide how to buildTechDesign.md15 min
GenerateConvert docs into agent blueprintsAGENTS.md10 min
BuildGenerate & test codeWorking MVP1-3 hrs

Claude Code Skills


Quick Start

How It Works

ā”Œā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”
│  1. Copy prompt file  →  2. Answer questions  →  3. Get docs    │
│  4. Feed docs to AI agent  →  5. Ship your MVP                  │
ā””ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”˜
StepWhat You DoResult
1Copy part1-deepresearch.md, answer questionsResearch doc
2Copy part2-prd-mvp.md, answer questionsPRD doc
3Copy part3-tech-design-mvp.md, answer questionsTech Design doc
4Copy part4-notes-for-agent.md, generate configsAGENTS.md + configs
5Tell your AI agent: "Read AGENTS.md and build the MVP"Working MVP

Automated alternative: Try the Vibe-Coding Webapp to skip the manual copy-pasting.


Prerequisites

AI AI Platform (Choose One)

For the research and planning phases (Parts 1-4):

PlatformBest ForLink
ClaudeTechnical accuracy and reasoningclaude.ai
GeminiLarge context for comprehensive researchaistudio.google.com
ChatGPT

...

Read full README