Вайбкодинг: от идеи до рабочего результата

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

Термин «vibe coding» придумал Андрей Карпати, ФАКТ сооснователь OpenAI, — и очень быстро он стал мейнстримом.

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

Продакт-менеджерам Аналитикам проверять идеи на кликабельных прототипах парсить данные и собирать отчёты с графиками

Менеджерам и HR Преподавателям и блогерам боты и скрипты, которые берут на себя рутину интерактивные тренажёры и материалы к урокам

Технический бэкграунд не нужен — мы соберём минимум по ходу курса.

ИИ делает решения рабочими, но техническая реализация часто страдает. Поэтому у вайбкодинга есть предел по объёму кода

Где код не важен Где нужен программист

✓ Прототипы и проверка идей ✕ Большие сложные системы

✓ Автоматизация рутины ✕ Долгосрочная поддержка

✓ Лендинги и посадочные ✕ Высокие требования к надёжности

✓ Отчёты, парсеры, дашборды ✕ Когда цена ошибки велика

Ваша зона — здесь Сюда зовите разработчика

01 Контроль цен конкурентов 02 Парсер новостей по теме Агент обходит сайты и собирает цены и акции в один отчёт. Мониторит источники и шлёт еженедельную сводку на почту.

03 Дашборд с метриками 04 Сведение отчёта в клик Графики продаж, что сами обновляют данные раз в час. Тянет цифры из таблиц и собирает файл по шаблону.

05 Telegram-бот для заявок 06 Лендинг под акцию Принимает заявки и складывает их в таблицу или CRM. Посадочная с формой и оплатой, собранная за вечер.

07 Помощник по базе знаний 08 Автопостинг в соцсети Чат, который отвечает по вашим PDF и регламентам. Готовит и публикует контент по расписанию.

09 Разбор резюме и заявок 10 Калькулятор на сайт Извлекает данные и сортирует кандидатов по критериям. Считает смету или подбирает товар по параметрам.

Lovable · Replit · v0 Cursor · Windsurf · Zed Claude Code · Codex Всё в браузере, ничего ставить не Привычный редактор кода с Сам агент с доступом к файлам, надо. Описал идею — увидел вшитым агентом. Полный контроль терминалу и браузеру. Без своего готовый результат. над кодом. редактора — в терминале, приложении или облаке.

Низкий Низкий Средний Высокий Средний Высокий

Самый универсальный из трёх способов — максимум возможностей агента без необходимости лезть в код руками.

Универсальность Без кода руками Всё интегрировано Один и тот же агент работает Не нужно уметь писать код. От кода до публикации сайта — сразу в трёх местах. связка развивается активнее всего.

Терминал Приложение GitHub Публикация

Браузер Вы общаетесь словами Сервисы

Почти всё с курса повторяется и в альтернативах вроде Codex — идеи универсальны.

Начать можно с любого уровня. Тем сложнее можно решить проблемы.

Можно начинать здесь

Полный ноль Базовый веб Уверенный Программист Не слышал про HTML и API Слышал про HTML, верстал в Понимает, как всё устроено Пишет код сам Tilda

с нуля чем правее — тем меньше шишек →

HTML и CSS API Форматы данных Базы данных Ключи доступа Домен и хостинг

Собирать рабочие прототипы Автоматизировать рутину превратить идею в кликабельное приложение за вечер настроить агента, что сам парсит сайты и шлёт отчёты

Поднимать сайты и лендинги Чётко ставить задачи модели с формой, оплатой и публикацией в интернете промпт с ролью, контекстом и нужным форматом ответа

Подключать сервисы через MCP Выбирать модель под задачу привязать к агенту GitHub, таблицы, мессенджеры баланс цены и качества — и не переплачивать за токены

Один чат — одна задача Память Выбор модели Модель помнит всё внутри Встроенная память переносит Sonnet быстрее и дешевле, Opus разговора и ничего из других. Не контекст между чатами. Можно умнее. Для чата хватает Sonnet. мешайте темы. отключить.

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

Главная ошибка новичков — слишком короткие запросы. Хороший промпт почти всегда состоит из трёх частей.

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

«Аудитория 30–45 лет, без «До 200 слов, в конце призыв к «Ты опытный email-маркетолог» техфона, тон дружелюбный» действию»

«Напиши пост в Telegram про скидку Ты — копирайтер канала про продуктивность для предпринимателей. на курс» Контекст: курс по вайбкодингу за 15 000 ₽, скидка 30% до конца недели, осталось 3 дня.

Формат: пост до 600 знаков, без эмодзи в заголовке, в конце — кнопка «Забрать со скидкой».

Модель выдаёт усреднённое — больше ей не на что опереться.

Можно ещё лучше: не выдавать готовое сразу, а провести сессию планирования — это и есть context engineering.

Веб-поиск Загрузка файлов Знания модели обрываются на дате обучения. С PDF, картинки, Excel и CSV, Word. Анализ договора, поиском Claude сам открывает страницы, читает их и разбор скриншота, расчёты по таблице — модель ставит ссылки на источники прямо в ответе. работает с оригиналом точнее, чем с пересказом.

«Собери сравнение трёх CRM с актуальными ценами и ссылками» PDF PNG / JPG Excel / CSV Word

Одна и та же задача — «сделай лендинг». Разница в том, кто делает руками.

Ч АТ Отвечает текстом АГЕНТ Делает работу ✓ Создал файлы проекта Сделай лендинг для акции ✓ Запустил сборку Готово! Вот код: ✓ Открыл в браузере и проверил <section class="hero"> ✓ Поправил ошибку <h1>Скидка 30%…

→ ✓ Выложил сайт в интернет </section> Скопировать

А вставить, запустить, поправить и выложить — руками. Вы. Готово — ссылка на проект.

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

ЦИКЛ · пока не готово

2 · Действие 3 · Проверка 1 · Задача → 4 · Результат Вы ставите цель словами → Правит файлы, запускает команды, ищет в интернете, ходит в браузер Смотрит на результат: получилось или нет → Готовая работа, не текст

↺ не готово — ещё круг

↺ Вы видите каждый шаг и можете остановить · современные агенты держат одну задачу часами без потери контекста

Коннекторы · MCP Skills Открытый стандарт от Anthropic (ноябрь 2024) — «USB-C Готовые «умения» агента под конкретные задачи: он для ИИ». Один разъём вместо сотен интеграций: подхватывает нужное и действует по отработанному подключил сервис и агент работает с ним как с родным. сценарию — без долгих объяснений.

Сделать слайды Разобрать PDF Свести отчёт GitHub Figma Notion Supabase Linear

Сверстать письмо

За год стал отраслевым стандартом — его подхватили OpenAI, Google и Microsoft, готовых коннекторов уже Когда вы ставите задачу, агент сам решает, какие тысячи. инструменты и умения подключить.

Модель разбивает текст на токены — куски слов. Один токен — примерно 3–4 символа на русском.

рек оме нд ация

Контекстное окно Токены = деньги Сколько токенов модель удерживает за раз — от 200 Вы платите за каждый токен на входе и на выходе. тысяч (≈ 500 страниц текста) до миллиона (≈ 750 000 Чем компактнее диалог, тем дешевле и быстрее слов, целая кодовая база). В долгой сессии работа. заполняется быстрее, чем кажется.

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

⌨️ Печатается на глазах

ОТВЕТ СОБИРАЕТСЯ СЛОВО ЗА СЛОВОМ Поэтому ответ появляется не сразу целиком, а «набегает» по словам. У меня

У меня всё

У меня всё хорошо ↓ подсвечен новый кусочек на каждом шаге 💸 Длиннее = дольше и дороже Каждый кусочек — это работа и деньги. Просите покороче, когда детали не нужны.

Любой ИИ-инструмент — это обвязка вокруг модели . Сама модель умеет одно: предсказывать следующий кусочек текста. Всё остальное делает обвязка.

Поиск в интернете Чтение файлов

Ваша → Запуск команд Браузер и сервисы задача Готовый словами ответ

→ ЯДРО по Умеет одно — предсказать следующий токен. И так до конца ответа. частям Модель · LLM

обвязка кормит модель текстом, а её токены превращает обратно в текст, файлы и действия

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

ЗАДАЧА Бита и мяч вместе стоят 110 ₽. Бита дороже мяча на 100 ₽. Сколько стоит мяч?

БЕЗ РИЗОНИНГА · НА АВТОМАТЕ С РИЗОНИНГОМ · СНАЧАЛА РАССУЖДАЕТ

Хватает первое, что «звучит логично»: 1 Пусть мяч стоит x, тогда бита — x + 100 2 Вместе: x + (x + 100) = 110 3 2x = 10 →x=5

10 ₽ ✕ неверно

Тогда бита 110 ₽, а вместе — 120 ₽. Не сходится. 5₽ ✓ верно

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

Вендор — это компания, которая обучает саму модель. У каждой свой характер и сильные стороны.

Anthropic Claude OpenAI ChatGPT · GPT Ставка на безопасность и надёжность. Силён в коде и агентах — Самый известный продукт. Массовый, универсальный, во инструмент курса. многом задаёт темп рынку.

Google Gemini Meta Llama Открытые веса: модель можно бесплатно скачать и запускать у Огромный объём контекста и тесная связка с сервисами Google. себя.

DeepSeek открытые Alibaba Qwen Лаборатория из Китая. Сильные открытые модели по очень Большое семейство открытых моделей, особенно сильны в низкой цене. азиатских языках.

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

Провайдер ≠ вендор Оплата по токенам (API) Вендор обучает модель, провайдер — даёт к ней доступ. Платите за каждый токен Cursor и Copilot — провайдеры: подключают чужие модели. Вход дешевле, выход — примерно в 5× дороже. Удобно, но легко незаметно потратить лишнее.

Кеширование — до −90% Free $0 Попробовать, лёгкие задачи Если начало запроса повторяется (та же инструкция, тот же документ), провайдер не считает его заново, а берёт из Регулярная работа, входит Pro ~$20/мес памяти. Поэтому продолжать тот же чат дешевле, чем Claude Code начинать новый.

$100– Max В 5–20× больше лимитов Пакеты — ещё −50% 200 Несрочные задачи можно отправить пачкой — их обработают чуть позже, когда есть свободные мощности. За ожидание — скидка. Как обычная доставка вместо экспресса.

Новичку проще начать с подписки: фиксированная цена и не нужно следить за токенами. Цены — ориентир на 2026, у Anthropic есть и командные тарифы.

✨ Это задание не обязательно. Но если попробуете сами — продвинетесь заметно быстрее и всё уляжется в голове.

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

04 05 Подключите MCP-сервер Разные виды моделей Необязательно всё сразу Дайте агенту реальный доступ к сервису — Прогоните одну задачу на быстрой и на например, GitHub — и попросите что-то «умной» модели, с ризонингом и без. Даже одно задание из пяти заметно сделать через него. Почувствуйте разницу в скорости и качестве. ускорит вас. Начните с того, что ближе к вашей работе.

внимание Заполните анкету после вебинара — вам несложно, Хекслету полезно.