Все началось с того, что моя жена залипла в мобильную казуальную игру, где нужно было объединять три одинаковых цветка в вазе, чтобы ваза «взорвалась». Все было хорошо, пока однажды она не уперлась в технический баг на одном из уровней, который делал его непроходимым. Я решил сделать клон этой игры без бага и заодно прокачать навык вайбкодинга.

Привет, Хабр! Меня зовут Илья Кербатов, я старший консультант в компании «ДАР» (ГК «КОРУС Консалтинг»). В этой статье расскажу, как делал первые неуверенные шаги в вайбкодинге.

Старт: Claude Opus 4.7 в веб-чате

Мы гостили у родителей жены, и у меня даже не было ноутбука под рукой, только смартфон. Первым делом я открыл мобильное приложение Claude, описал требуемое приложение и начал собирать игру прямо в чате с Claude Opus 4.7.

Целью было сделать один HTML-файл с инлайн-стилями и JavaScript без сборщиков и зависимостей. Первые итерации получались плохо, все отображалось криво и работало не так, как ожидалось. Но шаг за шагом игра становилась чище. Пока не кончилась подписка на Claude.

Эксперимент с ChatGPT (GPT-5.4)

Решил переключиться на ChatGPT, где еще действовала подписка. Я скопировал HTML в GPT-5.4 и попросил продолжить разработку. Результат разочаровал. Модель ломала разметку при попытке сдвинуть элемент на пару пикселей, теряла контекст между правками, путалась в координатах SVG. Подвинуть один объект или поменять размер вазы без сломанной геометрии не получалось.

Возврат к Claude через десктопное приложение

Тогда я продлил подписку Claude, установил десктопное приложение, подключил его к локальной папке проекта, положил туда HTML-файл и ТЗ и продолжил работу в Opus 4.7 с включенным адаптивным мышлением (adaptive thinking).

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

Разработка игры пошла стремительно. Я добавил анимации, бонусные предметы, а также мультиязычность для русского, английского и китайского.

Графика: GPT-5.5 рисует, Claude нарезает и встраивает

Всю графику в игре делал через геометрию (SVG-объекты), и это выглядело плохо. Я решил заменить их на рисунки. Для создания ассетов подключил GPT-5.5 — около шести промптов понадобилось для обложек, ассета горшка и спрайт-лист со всеми видами цветков на одной картинке.

Дальше произошло то, что впечатлило меня больше всего. Я загрузил спрайт-лист в Claude Opus 4.7 и попросил «нарезать» его на отдельные изображения цветков и встроить их прямо в HTML. Модель определила координаты каждого цветка, вырезала их и зашила в код как Base64-строки в Data URI.

На выходе получился один HTML-файл, никаких внешних зависимостей и папок с картинками.

Релиз

Когда в игру стало реально играть, решил выпустить ее на Яндекс Игры. Я «скормил» модели PDF-файл с требованиями сервиса — SDK Яндекса, обработка рекламы, поведение при потере фокуса, локализация — и попросил привести игру в соответствие с ними. Модель прошлась по билду, и с третьей попытки игру опубликовали.

Отдельное наблюдение: когда требования или инструкция лежит в PDF-файле в промпте или проекте, ИИ заметно реже додумывает детали и точнее следует требованиям.

Выводы

Итоги в цифрах:

• 35 промптов в Claude Opus 4.7 — от пустого HTML до готовности к публикации.

• 3 попытки прохождения модерации Яндекса — две первые отклонили из-за технических замечаний, которые Claude помог быстро закрыть.

• 6 промптов в GPT-5.5 на генерацию ассетов и обложек.

• 0 строк кода, написанных мной вручную.

Главный вывод — вайбкодинг работает и дает почувствовать себя в роли руководителя, а не разработчика. А еще помогает получать реальный результат за низкий прайс, но требует знания некоторых нюансов:

1. Десктопное приложение Claude с доступом к файлам работает в разы продуктивнее, чем веб-чат с копипастом. Модель видит актуальный код, правит точечно, не теряет контекст.

2. Адаптивное мышление окупается, без него модель допускает значительно больше ошибок и понимает хуже.

3. PDF вместо URL экономит токены и снижает галлюцинации.

4. Токенов на Pro-подписке за $20 очень не хватает. 

Поиграть можно здесь: https://yandex.ru/games/#app=523132