Что такое вайбкодинг и как им пользоваться новичку

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

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

Какие типы вайбкодинга существуют
Тестируем вайбкодинг силами ChatGPT

Какие типы вайбкодинга существуют

Вообще, сгенерировать код или программу можно разными способами. Здесь все зависит от самой нейросети, а также сервиса, который предлагает такой функционал. Сейчас популярны три типа:

Blackbox — это когда система сама генерирует код, а пользователь его не видит и не может редактировать, но получает сразу готовый продукт. Такое используется в Replit, Bolt, Lovable.
Greybox — код доступен пользователю, но управление идет через промпты, а все изменения контролируются искусственным интеллектом. Это проекты Codex, Jules и Claude Code.
Whitebox — в этом случае разработчик и ИИ сотрудничают при создании кода. То есть, модель предлагает, а человек добавляет или исправляет. Такие системы применяются в GitHub Copilot, Cursor и Claude Code в IDE-режиме.

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

Тестируем вайбкодинг силами ChatGPT

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

Начнем сразу с просьбы создать что-нибудь при помощи вайбкодинга. Если не ставить конкретную задачу, нейросеть сама предложит несколько вариантов.

Соглашаемся на один из примеров — в нашем случае это простая визитка в виде интернет-страницы. Искусственный интеллект понимает, что мы ничего не понимаем в программировании, а значит начинать работу нужно с самых простых вопросов.

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

Сначала ChatGPT покажет визитку на картинке, которую сам же и сгенерирует. Если что-то не нравится, можно попросить внести изменения. Мы результатом довольны, так что ничего менять не станем. Да и вообще, нет терпения что-то менять — хочется поскорее протестировать решение на практике.

Попросили ChatGPT выдать визитку в формате HTML-кода. Конечно же нейросеть не сможет сама купить вам сервер и домен, а затем залить на него файлы и добавить настройки, необходимые для нормальной работы сайта. Так что все это придется делать самостоятельно или нанимать специалиста. Впрочем, большинство вопросов можно решить при помощи этого же чат-бота.

Например, мы сохранили код в обычный текстовый файл с расширением HTML и открыли его в браузере. В целом все отлично, но нет фотографии, которую изначально рисовал нам бот.

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

Вносим изменения, сохраняем и перезагружаем страницу. Вуаля, визитная карточка готова!

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

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

Кстати, на прошлой неделе мы объясняли, как оживить фото с помощью нейросетей — там тоже ничего сложного.