Вайбкодинг вживую: как мы за 1,5 часа дошли от идеи до прототипа в Cursor
За полтора часа мы сгенерировали техническое задание, получили черновик веб-приложения и заставили ИИ исправить в нём баги. Всё это — без единой строчки кода, написанной вручную. В статье — подробный разбор нашего живого эксперимента по созданию IT-продукта с нуля через вайбкодинг. Показываем не теорию, а реальный процесс с диалогами нейросетей, скриншотами и конкретными промтами, которые можно повторить.
План встречи
1) Подготовить описание продукта — с помощью Gemini
2) Собрать первую версию — в Google AI Studio
3 Доработать прототип — в редакторе Cursor
Что получилось на практике
✅ Сгенерировали детальное ТЗ. Я, как новичок, сформулировал идею бесконечной доски, которая может превращаться в адаптивный сайт. Алексей, как наставник, подсказал методику: мы заставили нейросеть задавать нам уточняющие вопросы, чтобы она сама составила техническое задание. Это был ключевой момент для снижения неопределенности!
✅ Получили первый черновик приложения. Закинули ТЗ в Google AI Studio и увидели, как нейросеть начала генерировать файлы проекта. Хоть финальный прототип в прямом эфире и не запустился, мы увидели процесс и потенциал.
✅ Исправили реальные баги в Cursor. Мы взяли готовый код похожего проекта (канвас для рисования, который ранее получилось собрать в Google AI Studio) и в режиме реального времени начали его дорабатывать с помощью ИИ в Cursor.
- Попросили ИИ добавить редактирование текста в стикер по двойному клику
- Использовали MCP Playwright, чтобы агент сам мог открывать браузер, кликать и проверять, работают ли правки
- Попробовали на практике цикл: «задача → правка кода → тест → следующая правка»
Главный вывод
Вайбкодинг — это не магия «сделай всё за один промт». Это итеративный процесс, похожий на работу с программистом-джуном: нужно детально ставить задачи, разбивать их на части, тестировать и направлять ИИ. Но это реально работает и открывает огромные возможности.
Самый ценный совет для старта
Не пишите промт вида «сделай мне Tinder». Начните с диалога. Дайте нейросетке (ChatGPT, Claude, Gemini) вашу сырую идею и скажите: «Задавай мне уточняющие вопросы, начиная с самых важных». Это поможет и вам структурировать мысль, и ИИ — понять, что именно нужно построить.
Для тех, кто хочет повторить путь или посмотреть заново: ▶ Полная видеозапись эфира на YouTube
Огромная благодарность Алексею за экспертизу и всем зрителям за участие! Пишите в комментариях, о каких кейсах вайбкодинга вам интересно услышать в следующий раз.
Канал организаторов: @supervisionpw