Введение
Когда я впервые услышал термин «vibe coding», я подумал: «Очередной хайп». Но после того, как за одни выходные я собрал работающий прототип веб-игры на JavaScript с помощью AI-ассистентов, моё мнение изменилось. Речь не о замене программиста, а о радикальном ускорении первых итераций. Я не профессиональный геймдевелопер — я предприниматель, который привык проверять гипотезы быстро. Сегодня расскажу, как я это сделал, где накосячил и какие выводы сделал для себя и команды.
Что такое vibe coding на практике
Vibe coding — это подход, при котором разработчик использует AI (например, Claude, ChatGPT или Copilot) для генерации кода на основе текстовых описаний. В отличие от традиционного программирования, ты не пишешь каждую строчку, а формулируешь задачу: «сделай игровое поле 10x10 с ячейками, которые переключаются по клику». AI генерирует код, ты его тестируешь, правишь промпты и повторяешь.
В моём случае я использовал:
- ChatGPT (модель GPT-4, июль 2026) для генерации логики игры.
- Claude 3.5 Sonnet для рефакторинга и отладки.
- VS Code с плагином Continue.dev (open-source, работает локально).
Весь проект вёл на GitHub, чтобы отслеживать изменения и откатываться, когда AI «поджигал» код.
Кейс: создание игры «Puzzle Shift» за 48 часов
Проблема: Нужно было быстро сделать MVP игры для внутреннего хакатона в компании. Требовалось: сетка 6x6, плитки с буквами, механика сдвига рядов и подсчёт очков за составление слов. Срок — 2 дня.
Решение: Я решил попробовать vibe coding в чистом виде. Начал с промпта: «Создай HTML-файл с игрой, где есть сетка 6x6 и каждая ячейка содержит случайную букву. При клике на ячейку она выделяется. Реализуй механику сдвига по горизонтали и вертикали». AI сгенерировал рабочий прототип за 10 минут. Первая версия была на чистом HTML/CSS/JS — никаких фреймворков.
Проблемы и «пожары»:
1. Логика сдвига работала нестабильно. AI неправильно обрабатывал границы сетки. При попытке сдвинуть последний ряд игра вылетала.
2. Подсчёт очков оказался слишком сложным для одноразового промпта. AI генерировал код, который считал любую комбинацию букв, включая несуществующие слова.
3. UI «плыл» на мобильных устройствах. AI не учёл адаптивность — игра выглядела нормально только на десктопе.
Как я это чинил:
- Для исправления границ я вручную добавил проверки (if/else) — AI не мог понять контекст всей игры.
- Подсчёт очков переписал через словарь из 5000 слов (скачал с открытого репозитория https://github.com/dwyl/english-words).
- Адаптивность решил, попросив AI добавить CSS Grid и медиа-запросы. Это сработало с третьего раза.
Результаты:
- Полностью рабочий прототип игры был готов за 14 часов чистого времени (вместо ожидаемых 40-50).
- Кодовая база: примерно 600 строк JavaScript, 200 строк CSS, 80 строк HTML.
- AI сгенерировал около 70% кода, остальное — мои правки и интеграция словаря.
- Игра выиграла хакатон в номинации «Лучший MVP».
Таблица: что получилось, а что нет
| Аспект | Что AI сделал хорошо | Где пришлось править вручную |
|---|---|---|
| Генерация базовой структуры | Сетка, ячейки, случайные буквы | Некорректная обработка границ |
| CSS-стилизация | Визуально приятный дизайн из коробки | Адаптивность под мобильные |
| Логика сдвига | Базовая механика работала | Баги при быстрых кликах (race conditions) |
| Подсчёт очков | AI предложил алгоритм | Пришлось заменить на словарь |
| Документация | AI написал README | Описание архитектуры пришлось переписать |
Выводы и рекомендации
Vibe coding — мощный инструмент, но он не заменит опытного разработчика. Вот что я вынес для себя:
- Начинайте с прототипа. Не пытайтесь сразу сделать идеальный код. Пусть AI сгенерирует «грязную» версию — вы её отрефакторите.
- Контролируйте версии. Используйте Git. После каждого успешного промпта коммитьте. Если AI «сломает» код — откатитесь.
- Не доверяйте AI безопасность. Я проверял код на уязвимости вручную (особенно если игра сохраняла данные в LocalStorage).
- Используйте специфичные промпты. Вместо «сделай игру» пишите: «Создай класс Game с методом shiftRow(direction), который принимает 'left' или 'right'». Это даёт более предсказуемый результат.
Заключение
Vibe coding не про лень — про скорость. Если вы предприниматель или продакт, который хочет быстро проверить идею, этот подход сэкономит вам дни. Но помните: AI — это младший разработчик, который иногда поджигает код. Ваша задача — быть тем, кто тушит пожары и направляет энергию в нужное русло. Попробуйте сами: возьмите простую идею игры, откройте ChatGPT и напишите «Создай HTML-файл с игрой, где...». Уверен, через час у вас будет что-то работающее.
Комментарии