Как начать вайбкодить с нуля в 2026: первый проект по шагам

Начать вайбкодить с нуля проще всего с маленького проекта для себя: калькулятора, страницы вашей услуги или анкеты, которую соберёт браузерный конструктор с ИИ. Понадобятся компьютер, браузер, почта для регистрации и два-три свободных часа, а программировать не придётся: код пишет нейросеть. Ваша часть работы состоит в том, чтобы точно описать, что должно происходить на экране, и проверить каждую версию. Если сначала хочется понять сам подход, прочитайте, что такое вайбкодинг и как он устроен, а за практикой возвращайтесь сюда.

Что нужно, чтобы начать вайбкодить

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

Из России всё упирается в доступ. Claude и ChatGPT официально не работают в России: страны нет в списках Claude и ChatGPT, поэтому для них нужен VPN, а редактор Cursor с сентября 2026 года выдаёт ошибку на первом же запросе с российского IP-адреса (iPhones.ru). Если пользуетесь VPN, держите его в одной стране: аккаунту, который каждый день входит из новой страны, проще попасть под проверку.

Без VPN можно начать в VibeCraft от Яндекса. Публичный доступ к нему открыли 25 июня 2026 года (новость Яндекса). При регистрации личной организации начисляют 4 000 бонусных нейрокредитов на 3 месяца, а бесплатная подписка Free добавляет 500 нейрокредитов в месяц (тарифы VibeCraft).

Какой проект взять первым

Первый проект должен помещаться на один-два экрана, иметь одного понятного пользователя и результат, который можно проверить за минуту: выбрал параметры и увидел правильную цену, заполнил анкету и получил её у себя. Подойдут задачи, которые вы сейчас решаете вручную или в таблице:

• калькулятор стоимости вашей услуги: торт по весу и начинке, ремонт комнаты по метражу, занятия по количеству уроков;
• страница о вашей услуге с ценами и кнопкой записи в мессенджер;
• тренажёр для ребёнка: таблица умножения, словарные слова, вопросы к экзамену;
• анкета или чек-лист, который заполняют ваши клиенты перед встречей;
• личный трекер привычек, расходов на ремонт или тренировок.

Такого масштаба многие работы из галереи проектов выпускников Submarine School: игра по таблице умножения «КосмоУмножайка», лендинг репетитора по математике, анкета-заявка для конкурса красоты. Ещё варианты под разные виды бизнеса собраны в подборке 30 идей для вайбкодинга.

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

По теме: Обучение нейросетям с нуля: с чего начать в 2026, план по шагам

Где собирать первый проект

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

В Lovable бесплатный тариф даёт 5 кредитов на сборку в день, но не больше 30 в месяц (тарифы Lovable). Кредиты расходуются на задания, поэтому одно продуманное сообщение выгоднее пяти мелких уточнений. Опубликовать проект можно и бесплатно: кнопка Publish выкладывает его на адрес вида имя-проекта.lovable.app (документация Lovable), а свой домен, ручная правка кода и снятие плашки «Edit with Lovable» с опубликованной страницы открываются только на платных тарифах.

VibeCraft проходит тот же цикл без VPN и иностранной карты: ассистент сначала уточняет, для кого сайт и какие функции нужны, затем собирает первую версию, а готовый проект публикуется по ссылке (новость Яндекса). На бесплатной подписке адрес будет на домене .yandexcloud.net с бейджем VibeCraft, свой домен открывается на платных подписках от 1 190 ₽ в месяц (тарифы VibeCraft). Сервис пока находится в стадии Preview (документация VibeCraft). Другие отечественные варианты с их ограничениями собраны в обзоре российских сервисов для вайбкодинга.

Агенты Claude Code и Codex работают с проектом на вашем компьютере и справляются с задачами крупнее одной страницы, но требуют подписки и установки. Claude Code не входит в бесплатный тариф Claude и открывается с подпиской Pro за $20 в месяц или $17 в месяц при оплате за год (цены Claude). У Codex бесплатный тариф ChatGPT даёт доступ в десктопном приложении для быстрых задач, а Plus стоит $20 в месяц (тарифы Codex). Сколько дают бесплатные тарифы других инструментов, сведено в обзоре вайбкодинг бесплатно. Под сайт, бота и код подходят разные модели, и какой ИИ выбрать для вайбкодинга зависит от задачи.

Выбор по признакам такой. Есть VPN и нужна страница или калькулятор: Lovable. VPN нет или хочется платить в рублях: VibeCraft. Уже оплачены Claude Pro или ChatGPT Plus и не пугает установка программы: можно сразу пробовать агента в десктопном приложении. Как оплатить подписку из России и не потерять деньги, разобрано в инструкции по покупке подписки Claude в России.

Как написать первое задание для ИИ

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

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

Сделай одностраничный калькулятор стоимости торта для домашней кондитерской.
Кто пользуется: клиент, который выбирает торт с телефона.
На экране: вес торта (от 1 до 5 кг, шаг 0,5), начинка (шоколад, ягоды, сметанник), украшение (нет, свежие ягоды, надпись).
Цены: шоколад 2000 ₽ за кг, ягоды 2300 ₽ за кг, сметанник 1800 ₽ за кг; свежие ягоды сверху +500 ₽, надпись +300 ₽.
Итоговую цену показывай крупно и пересчитывай сразу при любом выборе, без кнопки «Рассчитать».
Внизу кнопка «Написать кондитеру в Telegram», ссылка https://t.me/имя_кондитера.
Оформление: светлое, тёплые цвета, крупный шрифт, удобно с телефона.
Не добавляй отзывы, фотографии и тексты о компании, которых нет в этом задании.

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

Первый проект по шагам

1. Зарегистрируйтесь в выбранном конструкторе (для Lovable заранее включите VPN) и создайте новый проект.
2. Вставьте задание целиком одним сообщением и дождитесь первой версии.
3. Пройдите по странице как пользователь: нажмите каждую кнопку, введите разные значения, откройте превью в мобильном виде.
4. Выпишите всё, что не так, и отправляйте правки небольшими порциями, после каждой проверяя результат.
5. Если правка сломала то, что работало, вернитесь к предыдущей версии в истории проекта и сформулируйте задачу по-другому.
6. Опубликуйте проект и отправьте ссылку одному человеку, для которого он сделан.

Рассчитывайте на несколько кругов правок, первая версия редко совпадает с тем, что вы представляли. Проект готов, когда человек открыл ссылку на своём телефоне и без ваших подсказок сделал то, ради чего страница существует: посчитал цену или оставил заявку. Его вопросы и заминки становятся списком задач для следующей версии.

По теме: Российские сервисы для вайбкодинга: что выбрать в 2026

Как проверить, что нейросеть сделала правильно

Проверка остаётся за вами: конструктор отчитается, что всё готово, даже если кнопка ничего не делает или формула ошибается на одном из вариантов. Перед публикацией пройдите по списку:

• Посчитайте два-три варианта вручную и сравните с калькулятором, обязательно с крайними значениями: минимум, максимум, ноль.
• Введите то, чего программа не ждёт: буквы вместо цифр, пустое поле, очень длинный текст.
• Откройте страницу на телефоне и на компьютере: кнопки помещаются на экран, текст не вылезает за край.
• Нажмите каждую ссылку и кнопку, включая ссылку в мессенджер.
• Перечитайте все тексты и уберите цифры, отзывы и обещания, которых вы не давали.
• Если на странице есть форма, отправьте тестовую заявку и найдите, куда она пришла.
• Не вставляйте в чат пароли, ключи доступа и данные клиентов: то, что попало в задание, может оказаться в коде опубликованной страницы.

Логику меняйте по одной правке за раз. Если отправить пять изменений сразу и что-то сломается, вы не узнаете, какое из них виновато.

Где первые проекты застревают и как сдвинуть их с места

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

Правка без описания. Сообщение «не работает, исправь» почти ничего не говорит модели. Напишите, что вы сделали, что ожидали увидеть и что увидели на самом деле, а если на экране появился текст ошибки, скопируйте его целиком. После третьей неудачной попытки исправить одно и то же место откатитесь к последней рабочей версии и опишите задачу заново другими словами, иначе модель так и будет латать собственные заплатки.

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

Кончились кредиты. Бесплатные кредиты заканчиваются посреди работы. Объединяйте мелочи вроде цвета кнопки, опечатки и размера шрифта в одно сообщение, а изменения в расчётах и поведении кнопок отправляйте отдельно: так лимита хватает дольше и сохраняется правило одной логической правки.

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

По теме: Claude для вайбкодинга: проект по шагам в 2026

Что делать после первого проекта

Второй проект берите на шаг сложнее: с формой, которая сохраняет данные, с несколькими страницами или с Telegram-ботом. Когда задача перерастает конструктор, пора переходить к агенту, который работает с папкой проекта на вашем компьютере. Claude Code есть в десктопном приложении Claude для Windows и macOS, а также в терминале (страница Claude Code); как поставить его из России и войти в аккаунт, расписано в инструкции по установке Claude Code в России, а пример целого сайта с ним собран в пошаговом руководстве как сделать сайт с помощью Claude.

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

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

Обучение вайбкодингу: самому или с наставником

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

Если нужна обратная связь по вашим проектам, обучение в Submarine School прошли или проходят более 2 500 человек, а основательница школы Евгения Зеленова работает в онлайн-образовании с 2017 года. Проекты выпускников открыты в галерее работ, отзывы собраны в Telegram-канале с отзывами. Посмотреть, как устроена работа, можно бесплатно: на мастер-классе проект собирают вживую и показывают, что делает человек на каждом шаге.

Частые вопросы о старте в вайбкодинге

Можно ли начать вайбкодить бесплатно?

Да. Первого небольшого проекта хватает бесплатного тарифа Lovable с 5 кредитами в день (тарифы Lovable) или 4 000 бонусных нейрокредитов VibeCraft, которые действуют 3 месяца после регистрации (тарифы VibeCraft). Платить имеет смысл, когда проекты становятся регулярными и бесплатного лимита перестаёт хватать.

Нужно ли знать программирование или английский?

Для первого проекта нет. Задание можно писать по-русски, а интерфейс конструкторов несложен даже на английском. Со временем пригодится понимать базовые слова вроде «файл», «хостинг», «база данных»: с ними точнее описываются задачи и проще читать ответы модели.

Сколько времени уходит на первый проект?

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

Можно ли собрать первый проект с телефона?

Собрать можно: браузерные конструкторы открываются и в мобильном браузере, задание и правки пишутся так же. Неудобно проверять: превью, история версий и сравнение двух вариантов на маленьком экране требуют постоянного переключения. Если компьютера нет, порядок работы с телефона и его ограничения разобраны отдельно: вайбкодинг на Android.