Вайб-кодинг на Claude Code (Кирилл Мокевнин)

Программа Введение в вайб-кодинг Разберём, что такое вайбкодинг и почему разработка больше не сводится только к написанию кода руками Вы поймёте: — какие задачи уже можно делать без программиста — где 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), чтобы ваши проекты оставались устойчивыми и безопасными