Запись [Хекслет] Вайб-кодинг на Claude Code (Кирилл Мокевнин)

​

Стартаперам и предпринимателям
Научитесь быстро проверять гипотезы, запускать MVP и мини-приложения и не зависеть от разработки или подрядчиков. Запустите свой продукт быстро и с минимальными затратами
ИТ-специалистам, маркетологам, фрилансерам
Научитесь создавать лендинги с обработкой лидов, автоматизации, ботов и сервисов под свои задачи. Кратно увеличите свою продуктивность с помощью ИИ
Тем, кто уже пробовал вайбкодинг
Систематизируете свою работу с ИИ, научитесь отлаживать и улучшать свой код. Перейдете от хаотичных экспериментов к стабильной разработке через AI
Новичкам, которые хотят попробовать себя в создании продуктов без знаний программирования
Пошагово освоите вайб-кодинг, научитесь собирать продукты от идеи до запуска. Создадите свои первые AI-проекты и поймете, как развиваться дальше


Программа
Введение в вайб-кодинг

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

Вы поймёте:

— какие задачи уже можно делать без программиста
— где AI реально помогает, а где нужен разработчик
— чем отличаются чат, IDE-плагины и терминальные агенты
— как ставить задачи AI на естественном языке
Результат:
Научитесь формулировать задачи для ИИ на естественном языке так, чтобы получать предсказуемый и полезный результат — без долгих попыток и хаотичных правок

Как работают большие языковые модели (LLM) и агенты

Простыми словами разберём, что происходит под капотом: модели, reasoning (рассуждение), токены, провайдеры и агентный цикл

Вы научитесь:

— отличать обычный чат от AI-агента
— понимать разницу между Claude Opus, Sonnet и Haiku
— выбирать модель под задачу и бюджет
— считать примерную стоимость работы в токенах
— понимать цикл агента: план → действие → проверка → исправление
Результат:
Разберётесь в агентном цикле и сможете управлять поведением ИИ, получая предсказуемый и качественный результат, а не случайные ответы

Экосистема Claude и Claude Code

Познакомимся с инструментами Claude и разберём, почему Claude Code стал одним из ключевых инструментов вайбкодинга

Разберёте:

— Claude.ai, Artifacts, Claude Code и другие инструменты
— когда работать в браузере, а когда в терминале
— как Claude получает доступ к файлам и командам
— что такое Tools, Dispatch и агентная работа с проектом
— как запускать первые задачи в Claude Code
Результат:
На практике научитесь запускать задачи в Claude Code и получать результат в рамках реального проекта — от первой команды до работающего кода

Базовая веб-разработка для вайбкодера

Без глубокого погружения в программирование разберём базовые понятия, чтобы вы понимали, что именно создаёт ИИ

Вы поймёте:

— как устроены сайты и веб-приложения
— что такое клиент, сервер, HTTP и хостинг
— зачем нужны HTML, CSS, JavaScript и React
— что такое JSON, YAML и XML
— как читать структуру проекта и не теряться в файлах
Результат:
Будете читать структуру проекта, понимать файлы конфигурации (JSON, YAML, XML) и уверенно навигироваться в коде, чтобы корректировать, дорабатывать и развивать решения вместе с AI

GitHub, версии и публикация проекта

Научимся сохранять проект, откатывать неудачные изменения и публиковать результат в интернете

Вы научитесь:

— работать с Git и GitHub на базовом уровне
— создавать репозитории и коммиты
— понимать, зачем нужен контроль версий
— публиковать сайт через GitHub Pages
— использовать Netlify, Vercel и другие варианты деплоя
— выстраивать процесс: задача → код → коммит → публикация
Результат:
Сможете сохранять изменения, откатываться к стабильным версиям и уверенно работать с Git и GitHub на базовом уровне. Поймёте, как устроен контроль версий, и будете использовать его в ежедневной работе

Рабочий процесс с Claude Code

Соберём понятный workflow, в котором Claude Code работает не как «чатик», а как полноценный исполнитель внутри проекта

Вы освоите:

— подключение Claude Code к репозиторию
— постановку задач агенту
— работу с файлами проекта
— проверку результата
— автоматические действия через GitHub Workflow
— цикл разработки: промпт → код → проверка → деплой
Результат:
Сможете подключить Claude Code к репозиторию, ставить задачи агенту и управлять его работой в рамках реального проекта. Научитесь работать с файлами, проверять результат и быстро вносить изменения без хаотичных правок

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

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

Научимся управлять контекстом, чтобы AI лучше понимал проект, задачи и ваши требования

Разберёте:

— чем контекст отличается от промпта
— как контекст влияет на качество генерации
— как использовать системные инструкции
— что такое CLAUDE.md
— как работает режим планирования
— как делегировать задачи субагентам
Результат:
Сможете управлять контекстом так, чтобы ИИ понимал проект, ограничения и задачи с первого раза. Научитесь отличать промпт от контекста и использовать системные инструкции для стабильной работы

Разберётесь, как выстраивать планирование, делегировать задачи субагентам и задавать структуру работы через CLAUDE.md — в результате ИИ будет работать как управляемая система

Интеграции, API и базы данных (Supabase, Firebase)

Научимся подключать внешние сервисы и создавать приложения, которые работают с данными

Вы поймёте:

— что такое API и API-ключи
— как читать документацию API
— как безопасно хранить ключи в .env
— что такое MCP и зачем он нужен
— как использовать Supabase и Firebase
— как добавлять, читать и обновлять данные в приложении
Результат:
Сможете подключать внешние сервисы через API, читать документацию и интегрировать нужную функциональность в свой проект. Научитесь безопасно работать с ключами и конфигурацией, не рискуя доступами

Разберётесь с базами данных (Supabase, Firebase) и сможете реализовать базовую логику приложения: добавление, чтение и обновление данных — от простой формы до работающего сервиса

Скиллы, хуки и автоматизация

Разберём продвинутые возможности Claude Code: как обучать агента повторяющимся задачам и запускать автоматизации

Вы научитесь:

— использовать готовые скиллы Claude
— создавать собственные скиллы под свои задачи
— настраивать хуки до и после действий агента
— запускать агента по расписанию через cron и GitHub Actions
— автоматизировать отчёты, проверки, мониторинг и рутинные процессы
Результат:
Сможете обучать агента под свои задачи, создавать собственные скиллы и настраивать поведение через хуки. Научитесь запускать автоматические сценарии по расписанию и выстраивать процессы без ручного участия

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

Безопасность при работе с ИИ-агентами

Отдельно разберём риски: галлюцинации, опасные действия агента, утечки ключей и prompt injection (промпт-инъекция)

Вы узнаете:

— какие ошибки чаще всего допускают AI-агенты
— как не дать агенту удалить или сломать важные данные
— что такое prompt injection
— как защищать AI-приложения
— как хранить ключи и доступы
— зачем нужен принцип минимальных прав и Row Level Security
Результат:
Сможете распознавать типичные ошибки агентов и предотвращать критические действия — от удаления данных до некорректных изменений в проекте. Поймёте, как работают prompt injection и другие уязвимости, сможете учитывать их в работе

Научитесь правильно хранить ключи и доступы, применять принцип минимальных прав и базовые механизмы защиты (включая Row Level Security), чтобы ваши проекты оставались устойчивыми и безопасными