Claude Info
AI и агенты

vibe-coding-prompt-template

KhazP/vibe-coding-prompt-template

Структурированный AI-воркфлоу для разработчиков: от идеи до MVP через PRD, Tech Design и агентные файлы. Шаблоны промптов для Claude, ChatGPT, Gemini и AI-редакторов. Подходит новичкам в вайб-кодинге.

Установка

terminal
bash
git clone https://github.com/KhazP/vibe-coding-prompt-template.git

README


Содержание


Проекты, созданные с этим воркфлоу

Репозиторий документирует воркфлоу, лежащий в основе нескольких запущенных проектов. Цель проста: продумать всё заранее, передать чистый контекст инструментам и не останавливаться на этапе сборки.

ПроектОписание
vibeworkflow.appИнтерактивное веб-приложение, построенное вокруг того же структурированного вайб-кодинг воркфлоу, который описан здесь.
moneyvisualiser.comСайт визуализации денег в 3D-среде.
caglacabaoglu.comПродакшн-портфолио и галерея, созданные с тем же подходом от PRD до агентного исполнения.
alpyalay.org/realdexМобильное приложение на React Native: ловите животных и собирайте их в коллекцию в стиле Pokemon.

Обзор воркфлоу

Процесс проходит пять этапов — от валидации идеи до рабочего кода:

mermaid
flowchart LR
    subgraph Phase1[" "]
        A[💡 Идея]
    end

    subgraph Phase2["Исследование"]
        B[📊 Анализ рынка]
    end

    subgraph Phase3["Определение"]
        C[📋 PRD]
    end

    subgraph Phase4["Проектирование"]
        D[🏗️ Tech Design]
    end

    subgraph Phase5["Генерация"]
        E[🤖 AGENTS.md]
    end

    subgraph Phase6["Сборка"]
        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

Быстрый старт и 5 шагов

TL;DR: проведите исследование, превратите его в PRD, выберите стек, сгенерируйте агентные файлы, затем собирайте небольшими итерациями.

Фаза 1: обдумывание продукта

Выполните первые три шага в ChatGPT, Claude.ai, Gemini или любом другом чат-инструменте. Репозиторий пока не нужен.

Step 1 Глубокое исследование

Этот шаг даёт быстрое представление о спросе, конкурентах и реалистичности объёма работ.

  1. Откройте part1-deepresearch.md и скопируйте всё содержимое.
  2. Вставьте его в чат предпочитаемой AI-платформы (Claude.ai, ChatGPT или Gemini) и нажмите Enter.
  3. AI задаст несколько вопросов о вашей идее. Отвечайте честно.
  4. AI сгенерирует подробный исследовательский документ на основе ваших ответов.
  5. Сохраните результат в локальный файл research-[НазваниеПриложения].md (или .txt) либо оставьте чат открытым для шага 2.

Совет: если ваш чат-инструмент поддерживает веб-поиск, включите его — так статистика и ссылки на конкурентов будут актуальными.

Похожие скиллы