Вайбкодинг

С нуля · без опыта · за вечер

Вайбкодинг: что это простыми словами и как начать с нуля

Обновлено

Ты услышал слово «вайбкодинг» и хочешь понять одну из трёх вещей. Что это вообще такое. Правда ли можно делать сайты и программы без программирования. И с чего начать, если ты не технарь. Здесь ответы на все три вопроса: определение простыми словами, первый проект по шагам за вечер и честные границы метода

Вайбкодинг за четыре строки

Вайбкодинг - это способ создавать сайты, ботов и программы, описывая задачу обычными словами: ты говоришь, что должно получиться, а код пишет и запускает ИИ-агент вроде Claude Code

Определение

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

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

Слово придумал Андрей Карпатый - сооснователь OpenAI и бывший руководитель направления ИИ в Tesla. 2 февраля 2025 года он написал в X, что появился новый вид программирования, где ты «полностью отдаёшься вайбу и забываешь, что код вообще существует»: задачу агенту он даже не печатал, а надиктовывал голосом

Пост разлетелся на миллионы просмотров, слово прижилось мгновенно, и уже в ноябре 2025 словарь Collins объявил vibe coding словом года. За год слово прошло путь от твита до индустрии: агентные редакторы, курсы, целый рынок инструментов

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

Механика

Как это работает: ты описываешь - агент делает

Современный ИИ-агент - например Claude Code - работает не как чат, который присылает тебе кусок кода «разбирайся сам». Он работает как исполнитель у тебя на компьютере: сам создаёт файлы, сам пишет в них код, сам запускает, сам видит ошибки и сам их чинит

Твоя роль - поставить задачу и принимать результат. Цикл выглядит так:

Из этой механики следует главное правило вайбкодинга, к которому мы вернёмся в шаге 2: агент делает ровно то, что ты сумел описать как результат. Качество твоей формулировки = качество его работы

Сравнение

Вайбкодинг, обычный код и конструкторы: в чём разница

Разница в трёх вещах: кто пишет код, за сколько ты входишь и кому принадлежит результат, и по всем трём вайбкодинг стоит ровно между обычной разработкой и no-code конструктором вроде Tilda. Дальше та же мысль таблицей

ПодходКто пишет кодПорог входаПотолок
Обычное программированиечеловекмесяцы или годы обучениянет потолка
No-code конструкторникто, сборка из кубиковденьграницы кубиков конструктора
ВайбкодингИИ-агент, настоящий кодвечерпрактически потолок обычного кода

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

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

Развилка «когда хватит конструктора, а когда нужен код» разобрана отдельно: No code в 2026 - когда хватит конструктора, а когда нужен вайбкодинг

Выбор инструмента

Claude Code, Codex и GPT-5.6: какой агент выбрать новичку

Инструментов в ходу три, и все три живут в одном и том же редакторе VS Code: Claude Code, Codex от OpenAI и семейство GPT-5.6. Механика у всех одинаковая - ты описываешь результат словами, агент пишет код, запускает его и чинит свои ошибки. Различаются доступ и цена входа

ИнструментГде работаетЧто нужно на входеКому подходит
Claude Codeтерминал внутри VS Codeподписка Claude, тариф Pro от $20 в месяцосновной рабочий вариант, с него начинают
Codex от OpenAIрасширение в VS Codeлюбой аккаунт ChatGPT, включая бесплатный; облачные задачи - от плана Go $8тем, у кого ChatGPT уже есть, хоть бесплатный
GPT-5.6 в VS Codeрасширение GitHub Copilotбесплатный план даёт 2000 автодополнений и 50 запросов агента в месяцпосмотреть механику, не заводя новую подписку
Локальная модельClaude Code плюс движок Ollama или LM Studioместо на диске и 16 ГБ оперативной памяти, счетов неткогда карты нет вообще, а попробовать хочется

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

Разборы по каждому пути: Claude Code - что это и как пользоваться, работа с Codex в VS Code и сравнение с Claude Code, GPT-5.6 в VS Code с нуля. Четвёртый инструмент, про который часто спрашивают отдельно, - платный редактор Cursor: сколько он стоит и что выбрать в 2026

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

Деньги на входе

Цена вайбкодинга: подписка, дешёвые пути и полностью бесплатный вариант

Редактор VS Code бесплатный, платишь ты только за мозги агента: полная подписка Claude Pro стоит $20 в месяц, есть путь дешевле и есть вариант вообще без счетов

Есть ещё строка расходов, о которой не пишут в обзорах - доступ. Свой VPN-сервер обходится примерно в $2 в месяц, покупной дороже; как поднять свой и не ловить блокировки аккаунта - в отдельном разборе

Тарифы и все рабочие пути оплаты из России: Claude купить подписку из России. Бесплатные двери - шесть способов пользоваться Claude бесплатно. Запуск на своей модели без карты - настройка Claude Code на бесплатной модели

Шаг 0 · подготовка

Что поставить до старта

Стартовый набор из двух вещей: бесплатный редактор VS Code, внутри которого ты работаешь, и агент Claude Code, который пишет и запускает код за тебя

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

Гайд установки по шагам: Claude Code из России - скачать, зарегистрировать и оплатить с нуля. Тарифы и оплата подписки разобраны отдельно: Claude купить подписку из России

Компьютер для вайбкодинга: Windows, macOS, Ubuntu

Требования скромные: 4 ГБ оперативной памяти, macOS 13.0 и новее, 64-битная Windows 10 сборки 1809 и новее либо Ubuntu 20.04 и новее. Любой рабочий ноутбук последних лет проходит без вопросов

  1. Windows. Нажми Win + X, открой Windows PowerShell или Terminal, вставь строку установки irm https://claude.ai/install.ps1 | iex и дождись сообщения об успехе. Потом закрой окно, открой новое и проверь командой claude --version
  2. Разрядность, если сомневаешься. В том же PowerShell выполни [Environment]::Is64BitOperatingSystem. Ответ True - система подходит, False - на этой машине агент не заработает
  3. WSL брать не обязательно. Проекты лежат на диске C и линуксовые инструменты тебе не нужны - ставь нативно. Взял WSL - держи папку проекта внутри /home, а не в /mnt/c: по файлам с дисков Windows поиск находит меньше
  4. macOS и Ubuntu. Ставится одной командой в Терминале, дальше всё одинаково: открыл папку проекта, набрал claude, работаешь словами
  5. Локальная модель просит больше. Модель на своём компьютере подбирают под оперативную память: в 16 ГБ обычной памяти влезает gpt-oss:20b, на видеокарте с 16 ГБ быстрее пойдёт qwen2.5-coder:14b (около 9 ГБ на диске), а qwen3-coder:30b требует уже примерно 19 ГБ и на такой машине не запустится

Пошагово под каждую систему: Claude Code на Windows - PowerShell или WSL. Запуск на своей модели без подписки разобран здесь

Шаг 0.5 · доступ к файлам

Как настроить VS Code, чтобы агент сам правил файлы проекта

У новичка чаще ломается не код, а доступ: агент «не видит» файлы, потому что в VS Code открыта не та папка. Настройка занимает минуту и делается один раз на проект

  1. Открывай папку, а не файл. Меню «Файл → Открыть папку», выбери папку проекта. Агент работает ровно с тем, что видно слева в списке файлов
  2. Запускай агента внутри этой папки. «Терминал → Создать терминал», набери claude и нажми Enter. В строке терминала должен стоять путь твоей папки, а не домашней
  3. Разреши доступ на первом вопросе. Агент спрашивает разрешение отдельным вопросом с вариантами Yes / No - выбери стрелками Yes и нажми Enter. Он будет спрашивать каждый раз, когда трогает файлы
  4. Правки принимай кнопкой. Перед изменением он показывает, что именно меняет: слева старый вариант, справа новый. Нажал Accept - правка легла в файл, отказался - файл остался как был
  5. Одна папка - один проект. Свалишь два проекта в одну папку, и агент начнёт править чужие файлы. Новый проект - новая папка

Агент отвечает «файла нет», а файл на месте. Почти всегда открыта соседняя папка. Спроси прямо: «покажи, в какой папке ты сейчас работаешь» - и сравни ответ с тем, что видишь слева в редакторе

Что настраивать дальше и с каких задач начинать - что делать после установки Claude Code

Шаг 1 · практика

Первый проект за вечер: твоя страница в интернете

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

Открой VS Code, в меню сверху выбери «Терминал → Создать терминал», набери в нём claude и нажми Enter - откроется строка агента. Вставь в неё задачу целиком:

Создай папку moya-stranica и в ней одностраничный сайт index.html.
Это личная страница: имя, чем занимаюсь, три услуги списком, кнопка «Написать мне» со ссылкой на телеграм.
Тексты возьми временные, я заменю. Дизайн простой и аккуратный, тёмный фон.
Когда закончишь - объясни, как открыть страницу в браузере

Что произойдёт дальше: агент покажет план, создаст папку и файл, напишет код и спросит разрешения, когда захочет что-то сделать с файлами. Запрос выглядит как вопрос в том же окне с вариантами вроде Yes / No - стрелками выбери Yes и нажми Enter. Для нашей задачи соглашайся всегда. В конце он объяснит, как открыть файл в браузере: обычно достаточно двойного клика по index.html в папке

Страница открылась - дальше правь её словами, по одной правке за раз: «замени тексты услуг на мои: ... », «добавь блок с отзывами», «сделай кнопку жёлтой». Каждый раз смотри результат в браузере: обновил страницу - увидел изменение

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

Это и есть вайбкодинг. Ты только что сделал работающий продукт, не написав ни строки кода

Как выложить готовый проект в интернет и дать ссылку

Файл index.html на твоём компьютере открывается только у тебя, отправить его человеку ссылкой нельзя. Последний шаг любого проекта - положить папку на хостинг и получить адрес

Отдельно этому учиться не нужно, задача ставится той же строкой:

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

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

Дальше захочется свой адрес вместо служебного. Домен в зоне .ru стоит 200 ₽ на первый год (продление от 280 ₽) и регистрируется в панели Timeweb примерно за 15 минут, замочек https ставится бесплатным сертификатом Let's Encrypt - платный переключатель Timeweb Pro при оформлении лучше выключить, он добавляет к счёту около 995 ₽. Пошагово: купить домен и привязать его к сайту

Файлы сайта на хостинге лежат в папке public_html, и настройку заливки агент делает сам, одной задачей. Весь путь от идеи до запущенного продукта за вечер - СИСТЕМА: первый продукт на ИИ

Шаг 2 · главный навык

Как формулировать задачу, чтобы получалось

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

Плохо: «разобраться с сайтом», «сделай нормально», «улучши дизайн». Агент не видит результата в этих словах - и сделает что-то своё

Хорошо: «есть услуги, нет страницы, где их купить - сделай страницу с тремя тарифами и кнопкой оплаты», «заголовок не читается на телефоне - увеличь шрифт заголовка на мобильной версии»

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

Этот кусок вынесен в отдельный гайд Пак скиллов для Claude: что это, как поставить и что внутри

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

  1. Правила проекта. Если в рабочей папке лежит файл CLAUDE.md, агент читает его в начале каждого разговора. Запиши туда: отвечай по-русски, объясняй простыми словами, перед действием одной строкой говори, что собираешься сделать. Дописывается словами: «допиши в CLAUDE.md, что я собираю сайт для своей студии»
  2. Навыки. Навык - это готовый набор инструкций под конкретную задачу: собрать лендинг, сделать презентацию, разобрать таблицу. Ставится одной-двумя командами, программировать для этого не нужно ничего
  3. Команды установки. Внутри Claude Code навык ставится двумя строками, каждую отправляй отдельным сообщением
/plugin marketplace add автор/репозиторий
/plugin install имя-скилла

Имя автора и название берутся из карточки конкретного навыка, выдумывать их не нужно. Готовый список с командами - 22 скилла для Claude Code, разбор механики - скиллы для Claude: что это и как установить, бесплатные наборы с GitHub - 10 опенсорс-скиллов

Честно

Пять граблей новичка

Пять мест, где новички буксуют в первый вечер, и все пять чинятся словами, а не кодом: агент понял не так, что-то сломалось, задача-монстр, «сделай красиво» и работа без сохранённых версий

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

Прогрев зрения

Что реально собирают вайбкодингом

Сайт, на котором ты сейчас читаешь эту статью, собран вайбкодингом в Claude Code - от дизайна до статей. Это не витринный пример, а рабочая система: страницы, гайды, формы, аналитика

Типовые продукты, которые новички собирают в первые недели:

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

Что вайбкодят кроме сайтов: таблицы, отчёты, разбор выгрузок

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

В папке лежит файл operations.csv - выгрузка операций за год.
Посчитай суммы по месяцам и категориям, собери таблицу и график.
Результат положи в otchet.html, который открывается двойным кликом.
В конце объясни простыми словами, что получилось

Правило здесь одно: файл лежит в той папке, которую ты открыл в редакторе. Агент читает только то, что видит

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

Без иллюзий

Вайбкодинг против «выучить программирование»

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

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

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

Продолжение темы у меня разобрано отдельно: Как научиться программировать с нуля

Три недели с нуля: от установки до продукта, который показывают людям

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

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

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

Маршрут первых шагов по станциям разобран отдельно: Claude Code с нуля - от «у меня ничего нет» до первого готового результата

Применение

Как из навыка делают деньги

Вайбкодинг превращается в деньги тремя способами по нарастанию: сначала перестаёшь платить подрядчикам за лендинги и правки, потом берёшь такие заказы сам, потом собираешь свои продукты и «вайбмаркетинг» вокруг них

Первая - экономия на подрядчиках. Лендинг, бот, правки на сайте - то, за что раньше платили фрилансерам и ждали неделями, делается самому за вечер. Считается прямо: сложи, за что за последний год платил на стороне, и посмотри, что из этого переезжает внутрь подписки за $20 в месяц. Из живых расходов остаются домен (регистрация в зоне .ru у Timeweb - 200 ₽, продление от 280 ₽ в год) и хостинг

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

Третья - свои продукты и вайбмаркетинг. Связка «вайбкодинг + маркетинг»: собираешь себе систему привлечения клиентов - страницы, воронки, контент, ботов - и она работает на твоё дело каждый день. Это самый ёмкий путь, и именно ему посвящён практикум ниже

Сохрани себе

Памятка по шагам

Куда идти дальше

Страницу ты уже собрал. Дальше - система, а не страница

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

Следующая яма ждёт сразу за первым восторгом: одна страница ещё не приводит клиентов и не приносит денег. Нужно понятное предложение, продающая структура и поток, который ведёт людей на эту страницу

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

Забрать путёвку в ИИ-Лагерь →

Заявка в закрытый канал, одобряю сразу. Бот сам напишет первым и покажет, как забрать три дня Лагеря. Бесплатно

Проверяемое

Источники

После трёх дней у тебя остаётся не конспект, а работающая страница

Она продолжает стоять и работать на следующий день после Лагеря, а не пылится в закладках как ещё один урок

Забрать путёвку в ИИ-Лагерь →

Кнопка ведёт в мой закрытый канал. Жмёшь «Подать заявку», впускаю сразу, бот пишет в личку и отдаёт путёвку. Бесплатно