Фаза 2 · Vibe Coding · AI Engineering Roadmap

Установка инструментов

Tool Anthropic

Установить Claude Code

npm install -g @anthropic-ai/claude-code · терминальный агент, лучше всех держит контекст больших кодбейз.

Tool Anysphere

Установить Cursor

IDE-форк VS Code. Особенно — раздел про .cursorrules и Composer/Agent Mode.

Docs Anthropic

Best Practices for Claude Code

Официальный гайд от Anthropic. Паттерн Research → Plan → Execute → Review → Ship.

Docs Anthropic

How Claude Code Works

Устройство агентного цикла. Полезно для понимания, что происходит «под капотом».

Spec Anthropic

Model Context Protocol (MCP)

Для вас как для веб-разработчика — это просто «ещё один API-протокол». Но даёт расширение агентов на любые внутренние инструменты.

Claude Code — продвинутый уровень

Docs Anthropic

Subagents в Claude Code

Кастомные сабагенты со своими промптами, ограничениями по инструментам и изолированным контекстом — через /agents или Markdown+YAML. Строительный блок оркестрации.

Docs Anthropic

Hooks — детерминированный контроль агента

Скрипты на событиях жизненного цикла (PreToolUse и др.): гарантии кодом вместо «просьб» в промпте. Справочник: code.claude.com/docs/en/hooks.

Docs Anthropic

Agent Skills

Skills — workflow и знания, упакованные в markdown: вызываются как /команды или подхватываются автоматически. Открытый стандарт, работает и в других инструментах.

Docs Anthropic

Плагины и marketplace

Плагин = skills + агенты + hooks + MCP-серверы одним пакетом. Официальный marketplace — через /plugin.

Docs Anthropic

Headless-режим: claude -p в скриптах и CI

Запуск Claude Code программно: -p, --output-format json с разбивкой стоимости, --allowedTools. Мост из интерактива в автоматизацию — родная территория для CI/CD-инженера.

Codex CLI — второй агент

Docs OpenAI

Codex CLI

Открытый (Rust) терминальный агент OpenAI: TUI, переключение моделей, встроенное code review, subagents. Репозиторий: github.com/openai/codex.

Spec Открытый стандарт

AGENTS.md — стандарт контекста для кодинг-агентов

Открытый формат агентных инструкций проекта — кросс-инструментальный аналог CLAUDE.md. Нативно читается Codex, Copilot, Gemini CLI и 30+ агентами.

Article Simon Willison · 2026

Vibe coding and agentic engineering are getting closer than I'd like

Свежая рамка 2026 года: где кончается vibe coding и начинается агентная инженерия — от самого читаемого практика в этой области.

Видео — обязательно к просмотру

Video The Pragmatic Engineer · ~1.5ч

Building Claude Code with Boris Cherny

Создатель Claude Code разбирает архитектуру и философию инструмента.

Video Sequoia AI Ascent 2026 · Andrej Karpathy

From Vibe Coding to Agentic Engineering

Карпати о переходе от vibe coding к дисциплине управления агентами.

Community-репозитории

Repo GitHub

claude-code-best-practice

Собранные паттерны и tips от инженеров Anthropic с разборами воркшопов.

Repo GitHub

awesome-claude-code

Кураторский список инструментов, плагинов, расширений.

На практике

Practice 2–3 часа

Настроить CLAUDE.md и .cursorrules для текущего проекта

Стиль кода, конвенции, типизация, как запускать тесты. Это критично для качества вывода.

Practice неделя

Решить 5 рабочих задач по паттерну Research → Plan → Execute → Review

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

Practice 3–4 часа

Создать и запустить кастомный MCP-сервер

Написать минимальный локальный MCP-сервер (например, для чтения SQLite или вызова curl) и подключить его к вашему IDE/терминальному агенту.

Practice 3–4 часа

Провести сессию отладки legacy-кода с помощью Composer/Agent Mode

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

Practice 3 задачи

Сравнить Claude Code и Cursor на одной серии задач

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

Practice 3–4 часа

Собрать свой subagent + hook + skill

Review-сабагент с ограниченным набором инструментов, PreToolUse-hook, блокирующий опасный bash, и один /skill для рутинного workflow команды.

Practice 3 задачи

Прогнать одну серию задач через Claude Code и Codex CLI

Те же задачи в обоих агентах (расширение журнала из p2-14): планирование, точность патчей, ревью-гейты, работа с CLAUDE.md/AGENTS.md.

0 / 24 материалов завершено

Сделать AI-агентов частью ежедневного рабочего инструментария: Claude Code, Cursor, MCP и удалённые сессии. Это привычка, не курс — начинайте прямо во время первой фазы.

Мои заметки

Не сохранено

Самопроверка

Вопрос 1 из 5

Что такое паттерн Research → Plan → Execute → Review → Ship?

A Маркетинговая модель продаж AI-инструментов

B Рабочий цикл взаимодействия с агентом-кодером, рекомендованный Anthropic

C Структура одного промпта в чате

D Этапы CI/CD-пайплайна

Правильно: B. Это рабочий цикл из Best Practices for Claude Code: сначала агент исследует кодбейз, потом составляет план, выполняет, ревьюит и только потом коммитит. Каждый этап — отдельная итерация с человеком.

Вопрос 2 из 5

Для чего служит файл CLAUDE.md / .cursorrules в корне проекта?

A Хранение API-ключей и секретов

B Документация для других разработчиков команды

C Постоянный контекст для AI-агента: конвенции, стиль кода, как запускать тесты

D Список бэклога и задач

Правильно: C. Это «постоянная память» агента про ваш проект. Без него вы повторяете одни и те же инструкции в каждом промпте. С ним — агент сразу знает, что использовать pytest, ruff, придерживаться 88 символов в строке и не использовать print для логов.

Вопрос 3 из 5

Что такое MCP (Model Context Protocol)?

A Альтернатива HTTP, оптимизированная для LLM

B Открытый стандарт для подключения внешних инструментов и ресурсов к LLM-агентам

C Метод сжатия промптов для экономии токенов

D Тип guardrails для безопасности агентов

Правильно: B. MCP — открытый протокол, предложенный Anthropic в 2024 году. Позволяет подключать любые инструменты (БД, API, файловые системы) к агентам через единый интерфейс. Для веб-разработчика это просто «ещё один API-протокол» — но с большой экосистемой готовых серверов.

Вопрос 4 из 5

Главная причина использовать subagents в Claude Code?

A Они работают на более дешёвой модели

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

C Это единственный способ подключить MCP

D Они не требуют подтверждений от пользователя

Правильно: B. Сабагент не засоряет основной контекст своей работой и получает ровно те инструменты, которые ему разрешены. Это же делает их строительным блоком оркестрации: разные роли — разные ограничения.

Вопрос 5 из 5

Вы хотите, чтобы перед каждым git commit агент гарантированно запускал линтер. Что надёжнее?

A Написать это в CLAUDE.md

B Напоминать в каждом промпте

C Настроить hook на соответствующее событие — он выполняется детерминированно, а не по усмотрению модели

D Выбрать более крупную модель

Правильно: C. Инструкции в промпте и CLAUDE.md модель может проигнорировать. Hooks — это код, который выполняется на событиях жизненного цикла агента всегда. Правило: пожелания — в CLAUDE.md, гарантии — в hooks.

0 / 5