Вайб-кодинг: с чего начать и как сделать первый проект за неделю

Вайб-кодинг - это создание сайтов и программ с помощью нейросети, без ручного написания кода (подробнее о самом слове - в статье что такое вайб-кодинг). С чего начать: с одной маленькой задачи, результат которой видно глазами. Это может быть памятка для клиентов, список цен или простой расчёт. Для первого вечера хватит чата с нейросетью в браузере и Блокнота, простой программы для текста, которая есть в Windows. Первый проект удобно разложить на семь вечеров, по одному шагу на вечер, и не расширять его по дороге.

Начало пути мы проверили на выдуманной велосипедной мастерской «Спица»: спросили модель Claude Sonnet, с чего начать, и сделали с ней первый проект (проверка 24 октября 2026 года). Ниже - какой проект выбрать, что нужно на старте, что получилось у нас и план на семь дней для начинающих.

Начать можно в чате: там модели Claude, GPT, Gemini и DeepSeek с оплатой в рублях, а ассистент-программист объяснит, как работает непонятный код. В сервисе «Нейросети» полный доступ к моделям и ассистентам - по подписке, условия и цены - на странице тарифов.

С чего начать вайб-кодинг: какой проект выбрать первым

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

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

Что нужно, чтобы начать

Для первой страницы программу ставить не нужно. В нашей проверке модель сама объяснила, как сохранить код в Блокноте:

1. Вставь код из ответа в Блокнот.
2. Выбери «Файл» → «Сохранить как», а в поле «Тип файла» - «Все файлы».
3. Назови файл с окончанием .html, например pamyatka.html.
4. Дважды щёлкни по файлу: страница откроется в браузере.
5. Если вместо русских букв видишь непонятные значки, сохрани файл заново, выбрав внизу окна сохранения кодировку UTF-8.

Если оставить тип «Текстовые документы», получится файл pamyatka.html.txt, и страница не откроется. Что делать, когда файл не открывается или код выдаёт ошибку, мы описали в статье нейросеть написала код, а он не работает.

Мы проверяли на модели Claude Sonnet. Другие сильные модели, например GPT, Gemini и DeepSeek, в этой статье не сравнивали, поэтому попробуй свою задачу на той, что тебе доступна. Код пишут и российские чаты: в справке Яндекса сказано, что Алиса пишет код и помогает найти в нём ошибки, но может ошибаться, поэтому важное стоит проверять. Сайты некоторых зарубежных нейросетей из России не открываются или просят иностранную карту, поэтому проще выбрать сервис, где модели доступны из России и оплата в рублях.

Отдельные программы для работы с кодом на старте не нужны, и с ними легко потерять время. С 4 сентября 2026 года у пользователей из России в программе Cursor перестали работать функции нейросети: на запрос к нейросети программа выдаёт ошибку о недоступности в регионе. Помощник GitHub Copilot для редакторов кода тоже не вариант: компания GitHub в своих правилах называет Россию среди стран, куда его нельзя продавать и поставлять. Что из таких программ доступно, мы собрали в статье о том, чем заменить программу Cursor в России.

Заведи папку под проект и сохраняй каждую рабочую версию отдельной копией: pamyatka-1.html, pamyatka-2.html. Если новая правка что-то сломает, ты вернёшься к прошлой версии за минуту.

Наша проверка: что модель советует новичку и как она сделала первую страницу

Первое сообщение было таким: «Привет. У меня велосипедная мастерская «Спица» в Твери, я не программист. Слышал про вайб-кодинг, хочу попробовать делать что-то полезное для мастерской с помощью нейросети. С чего начать? Я в России.» Модель ответила планом: выбрать одну задачу, которая раздражает прямо сейчас, работать в обычном чате, просить одну страницу, где всё в одном файле, а рабочую версию сохранять копией перед новыми правками. Первым проектом она предложила расчёт стоимости ремонта или страницу с ценами. Отдельно предупредила: не вставлять в чат пароли и данные клиентов, а расчёт проверять на примерах, где ответ известен заранее.

Вторым сообщением мы выбрали свою задачу: страницу-памятку «Как подготовить велосипед к зиме», шесть-семь пунктов, крупно, чтобы читалась с телефона и печаталась. И добавили от лица хозяина, что он до этого никогда не запускал код. Модель прислала код страницы на 139 строк и инструкцию, как сохранить его в Блокноте и открыть. Страница открылась с первого раза: семь пунктов, крупный шрифт, на ширине телефона ничего не уезжает вбок.

Третьим сообщением мы попросили две правки: добавить сверху кнопку «Распечатать», которой не будет на бумаге, и убрать блок «Не хотите заниматься сами?». В конце написали «Больше ничего не меняй». Мы сравнили две версии файла построчно: изменились ровно эти две вещи. В браузере кнопка видна, а в виде для печати скрыта. Модель сама сказала, что оставила в файле лишние строки оформления от удалённого блока, раз её просили больше ничего не трогать. На странице их не видно.

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

План на неделю: первый проект день за днём

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

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

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

День 3. Прочитай страницу как клиент, а потом как специалист. В нашей проверке модель добавила обещание от имени мастерской и написала советы по уходу, которые сама назвала общими. За то, что написано на твоей странице, отвечаешь ты.

Программисты на такие ответы тоже жалуются чаще всего: в опросе 2025 года на Stack Overflow, сайте вопросов и ответов для программистов, 66% участников отметили среди досад ответы нейросетей, которые «почти правильные, но не совсем», и это самый частый ответ в опросе. Сбер на странице о ГигаЧате для разработчиков пишет: «Финальная ответственность за код всегда лежит на человеке».

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

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

День 6. Памятку можно отправлять файлом или сохранить в формате PDF: в окне печати (сочетание клавиш Ctrl+P) вместо принтера выбери «Сохранить как PDF». Чтобы получилась ссылка, страницу нужно выложить в интернет: шаги описаны в статье как выложить сайт в интернет. Если на странице появится форма, куда люди пишут имя и телефон, сначала разберись с законом о персональных данных. Пароли и ключи доступа не вписывай в код: об этом статья где хранить ключи доступа и пароли.

День 7. Посмотри, сколько раз с начала раздачи ты отправил памятку вместо того, чтобы объяснять словами. Если поводов ещё не было, вернись к этому вопросу через неделю. Если проект пригодился, бери следующий, чуть сложнее.

Где новички застревают в первую неделю и что делать

Что делать после первой недели

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

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

Частые вопросы

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

Нужно ли что-то устанавливать, чтобы начать?
Для первой страницы нет: хватит браузера, чата с нейросетью и Блокнота, чтобы сохранить файл. Редактор кода пригодится, если проект вырастет.

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

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

Какую нейросеть взять для первого проекта?
Хватит обычного чата с сильной моделью: Claude, GPT, Gemini или DeepSeek (в нашей проверке была Claude Sonnet). Для первого проекта важнее, чтобы чат открывался в браузере без установки, а модель объясняла, как сохранить и открыть файл. Сайты некоторых зарубежных нейросетей из России не открываются, поэтому проще выбрать сервис, где модели доступны из России и оплата в рублях.

Что делать, если первая страница не открывается в браузере?
Чаще всего файл сохранился как pamyatka.html.txt: в Блокноте в поле «Тип файла» нужно выбрать «Все файлы». Если страница открылась, но выглядит не так, вернись к последней рабочей копии, обнови страницу и опиши модели, что видишь. Подробно - в статье что делать, если код от нейросети не работает.