Claude Code: с нуля до Pro
бесплатноПервые проектыурок 06 из 26

Вайб-кодинг: как непрограммист собирает продукты

7 июля 2026 г. · 7 мин чтения

результат урока

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

Claude Code стоит, агент отвечает, первая сессия позади. И тут появляется главный вопрос: а что со всем этим делать? Ответ короткий: собирать продукты. В этом уроке разберёмся, как непрограммисты делают это словами, и почему наш инструмент на весь курс — Claude Code.

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

Что такое вайб-кодинг

Вся идея помещается в одно предложение: ты описываешь продукт человеческими словами, а код пишет агент. Не «учишь язык программирования, потом пишешь». Описываешь. Смотри, как это выглядит вживую:

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

Заметь, что произошло. Ты не открывал учебник, не гуглил «как написать калькулятор». Ты объяснил задачу, как объяснил бы человеку, и получил работающий файл. Код при этом никуда не делся, он внутри файла. Просто набирал его не ты.

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

  • Раньше: идея → выучить язык → написать код → отладить.
  • Теперь: идея → описал агенту → проверил → уточнил.

Разворот темы, если хочется глубже в «почему это работает», — в гайде «Что такое вайб-кодинг».

Почему это стало возможно именно сейчас

Ещё три года назад ИИ выдавал куски кода, которые надо было руками куда-то вставлять, а потом руками же чинить. Сейчас другое поколение инструментов. Агент сам создаёт файлы, сам запускает команды, сам читает ошибки и сам их правит. Ты видел это в уроке 5, когда Claude Code создал файл у тебя на глазах.

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

Три мифа, которые держат на берегу

  • «Нужно знать программирование». Нет. Нужно уметь описать результат и проверить его глазами. Читать код агента полезно, и мы этому научимся, но стартовать можно без этого. Ведь калькулятор счёта выше собран вообще без единой строчки твоего кода.
  • «Код будет плохой». Честно: код агента не идеален, и на больших проектах за ним нужен присмотр. Но для первых продуктов его качества хватает с запасом. А присмотр — это навык, который мы прокачаем в модуле «Надёжность».
  • «Это игрушка». Игрушкой это было пару лет назад. Сейчас на агентах собирают рабочие сервисы, ботов и внутренние инструменты компаний. Вопрос давно не «работает ли», а «умеешь ли ты этим управлять».
честная оговорка

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

Lovable, Cursor, Claude Code: кто есть кто

Схема: Lovable, Cursor и Claude Code
Браузер, редактор, терминал — три уровня свободы. Герой курса — третий.

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

  • Lovable — билдер в браузере. Пишешь, что хочешь, рядом сразу живой результат. Ничего не устанавливаешь. Идеален попробовать «на один вечер», но контроль заканчивается там, где проект перерастает лендинг с формой.
  • Cursor — редактор кода с ИИ внутри. Видишь файлы, агент правит их на твоих глазах. Больше контроля, но интерфейс рассчитан на тех, кто уже немного понимает структуру проекта.
  • Claude Code — агент в терминале. Сам читает проект, сам запускает команды, правит сразу несколько файлов. Самый «взрослый» из трёх и самый автономный.

Почему в курсе именно Claude Code? Во-первых, он у тебя уже стоит и отвечает. Во-вторых, он единственный из трёх растёт вместе с тобой: на нём же дальше будут паспорт проекта CLAUDE.md, скиллы, субагенты и твой ИИ-офис в Telegram. Начав с него, ты не переезжаешь с инструмента на инструмент, а углубляешься в один.

Подробное сравнение без рекламы — в гайде «Чем собирать первый продукт».

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

Не абстрактно, а с цифрами:

  • Лендинг услуги за вечер. У фрилансера это неделя и 30–50 тысяч рублей. С агентом — вечер и стоимость подписки, которая у тебя уже есть.
  • Калькулятор под свою работу. Сметы, порции, дозировки, раскрой материала. Пара часов, и таблица в голове превращается в страницу с полями.
  • Скрипт для рутины. Переименовать 200 файлов, вытащить данные из сотни документов, склеить отчёт. Минуты работы скрипта против дня ручного труда.
  • Телеграм-бот. Запись на услугу, ответы на частые вопросы. Это уже пара вечеров, и мы дойдём до этого в конце курса.

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

Что агент не заменит

А теперь про твою роль, потому что она никуда не исчезает.

  • Вкус. Агент сделает три варианта, но «какой из них хороший» решаешь ты. Насмотренность и здравый смысл — твоя работа.
  • Постановка задачи. Агент делает то, что ты сказал, а не то, что ты имел в виду. Точная формулировка — половина результата, и этому посвящён целый урок 14.
  • Проверка. Агент уверен в себе даже когда ошибается. Открыть глазами, прокликать руками, усомниться — без этого никак.

Код пишет агент, но продукт всё равно собираешь ты. Ты режиссёр, он съёмочная группа.

Практика: выбери идею первого проекта

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

1
Вспомни свою неделю
Где ты считаешь что-то на калькуляторе, ведёшь список в заметках, прикидываешь в голове? Каждое такое место — кандидат в первый проект. Полезное для себя мотивирует сильнее, чем абстрактный «пет-проект».
2
Прогони через три фильтра
Идея описывается одним предложением. Помещается на один экран. Понятно, что значит «работает». Не проходит хотя бы один фильтр — режь или бери другую.
3
Запиши одним предложением
Формат: «страница, где я ввожу X и вижу Y». Если предложение не складывается, идея пока слишком большая.
4
Сверься с агентом
Открой Claude Code и спроси, соберётся ли такое за вечер одним экраном. Агент честно скажет, где ты замахнулся, и предложит, что отрезать.

Финальный промпт

А если идея упорно не придумывается — не сиди над пустым листом, отдай перебор агенту. Открой Claude Code в любой папке и вставь:

промпт

Помоги мне выбрать идею первого проекта на вечер. Сначала задай мне 3–5 вопросов: чем я занимаюсь, что делаю руками каждую неделю, что раздражает в рутине. Потом предложи 10 идей. Каждая должна проходить три фильтра: описывается одним предложением, помещается на один экран, понятно, что значит «работает». Для каждой идеи напиши одной строкой, что я увижу на экране. В конце порекомендуй одну, самую простую и полезную лично для меня, и объясни почему. Ничего пока не создавай, мы только обсуждаем.

Через пять минут диалога у тебя будет идея, записанная одним предложением. Это и есть результат урока.

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


Что дальше

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

проверь себя

Мини-тест по уроку

5 вопросов по самому важному. Сдал на 4 из 5 — урок закреплён. Ошибся — не страшно: сразу покажем правильный ответ.

  1. 1/5В чём суть вайб-кодинга?

  2. 2/5Почему вайб-кодинг стал возможен именно сейчас?

  3. 3/5Почему курс строится на Claude Code, а не на Lovable или Cursor?

  4. 4/5Что остаётся за человеком даже при самом умном агенте?

  5. 5/5Идея «маркетплейс для мастеров маникюра с оплатой и отзывами» не годится в первый проект. Какой фильтр она заваливает?