vibe-coding-prompt-template
KhazP/vibe-coding-prompt-templateСтруктурированный AI-воркфлоу для разработчиков: от идеи до MVP через PRD, Tech Design и агентные файлы. Шаблоны промптов для Claude, ChatGPT, Gemini и AI-редакторов. Подходит новичкам в вайб-кодинге.
Установка
git clone https://github.com/KhazP/vibe-coding-prompt-template.gitREADME
Содержание
- Проекты, созданные с этим воркфлоу
- Обзор воркфлоу
- Быстрый старт и 5 шагов
- Необходимые инструменты
- Продвинутые практики работы с агентами
- Структура проекта и деплой
- Типичные ошибки и устранение проблем
- Дополнительные материалы
Проекты, созданные с этим воркфлоу
Репозиторий документирует воркфлоу, лежащий в основе нескольких запущенных проектов. Цель проста: продумать всё заранее, передать чистый контекст инструментам и не останавливаться на этапе сборки.
| Проект | Описание |
|---|---|
| vibeworkflow.app | Интерактивное веб-приложение, построенное вокруг того же структурированного вайб-кодинг воркфлоу, который описан здесь. |
| moneyvisualiser.com | Сайт визуализации денег в 3D-среде. |
| caglacabaoglu.com | Продакшн-портфолио и галерея, созданные с тем же подходом от PRD до агентного исполнения. |
| alpyalay.org/realdex | Мобильное приложение на React Native: ловите животных и собирайте их в коллекцию в стиле Pokemon. |
Обзор воркфлоу
Процесс проходит пять этапов — от валидации идеи до рабочего кода:
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 или любом другом чат-инструменте. Репозиторий пока не нужен.
Глубокое исследование
Этот шаг даёт быстрое представление о спросе, конкурентах и реалистичности объёма работ.
- Откройте
part1-deepresearch.mdи скопируйте всё содержимое. - Вставьте его в чат предпочитаемой AI-платформы (Claude.ai, ChatGPT или Gemini) и нажмите Enter.
- AI задаст несколько вопросов о вашей идее. Отвечайте честно.
- AI сгенерирует подробный исследовательский документ на основе ваших ответов.
- Сохраните результат в локальный файл
research-[НазваниеПриложения].md(или.txt) либо оставьте чат открытым для шага 2.
Совет: если ваш чат-инструмент поддерживает веб-поиск, включите его — так статистика и ссылки на конкурентов будут актуальными.