Мета-слой

Как мы построили это с AI

VibeDojo — это мета-симулятор: тренировочное приложение Vibe Coding, полностью построенное по методологии Vibe Coding. Вот как мы это сделали.

Что такое VibeDojo?

VibeDojo — это интерактивный симулятор, который учит искусству Vibe Coding — созданию full-stack приложений путем направления AI через полный путь разработки. Он разработан для участников хакатонов, которые хотят пройти от идеи до развернутого демо за 24 часа, используя AI-ассистированную разработку.

Vibe Stack

Каждый инструмент в нашем стеке был выбран для максимальной AI-ассистированной продуктивности:

Как мы построили VibeDojo за 24 часа

Т.З. (PRD)—Создали детальный PRD-файл с требованиями, архитектурой и стеком

Промпт—Написали структурный промпт для v0 с дизайн-системой Neon Dojo

UI—Создали дизайн-систему и сгенерировали все экраны одним запросом в v0.dev

Код—Инициализация проекта + мелкая доработка в Kiro

Деплой—Задеплоили на Vercel одним кликом

Промпт, с которого всё началось

Вот ключевые части промпта для v0, использованного для генерации UI:

Create "VibeDojo" — an interactive vibe coding learning platform.

## DESIGN SYSTEM: "Neon Dojo"
- Background: Deep dark void (#0a0a0f to #1a1a25)
- Accents: Cyan (#00f5d4) primary, Hot Pink (#f72585) secondary
- Typography: Space Grotesk (headers), Plus Jakarta Sans (body)
- Style: Glassmorphism cards, glowing interactive elements
- Vibe: Cyberpunk minimalism. Clean, fast, "wow" factor.

## CORE PAGES
- Home: Hero + Interactive "metro line" map (IDEA → PRD → UI → CODE → DB → DEPLOY)
- Prompt Sensei: Form (Tool, Idea, Level) → Generated CRTC prompts
- Idea Forge: Niche + Duration + Type → 3 ideas + Mini-PRD
- Path: 7-step vertical stepper with checklists
- Play: Prompt Golf — "Describe task in < N tokens"

## CRITICAL
- NO generic AI aesthetics (white backgrounds, blue buttons)
- Use framer-motion for page transitions and hover effects
- Make it feel "alive" — subtle background mesh animation

Философия Vibe Coding

Вайб-кодинг — это не просто «новый стиль», а смена профессиональной идентичности: от программиста, который всё делает руками, к инженеру смыслов.

Принцип Проводника

Разработчик — не творец ex nihilo, а проводник. Решение уже существует в латентном пространстве модели. Задача — настроиться на нужную частоту.

У-вэй (Wu Wei)

Действие через недеяние. Не форсировать решение, а позволить системе сделать работу. Правильный результат — естественный исход правильного контекста.

Time-to-Value

Главная метрика — не количество строк, а скорость доставки ценности. Код — расходный материал, его можно регенерировать.

Глубокое слушание

AI отражает своё окружение. Грязный контекст → грязный результат. Чисти репозиторий и давай модели только релевантные файлы.

Искусство субтракции

LLM склонны к оверинжинирингу. Роль вайб-кодера — быть безжалостным редактором: упрощать, удалять, сводить к минимуму.

Психология модели

Выигрывает не тот, кто помнит API, а тот, кто понимает как мыслит модель. Промпт — основной артефакт разработки.

"Лучший код — это код, который ты не написал. Твоя задача — направлять AI, а не печатать каждый символ."

— Мышление Вайба