02
Урок второй · ≈ 1–2 недели · параллельно с другими фазами

Vibe Coding

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

Установка инструментов
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-протокол». Но даёт расширение агентов на любые внутренние инструменты.
Видео — обязательно к просмотру
Video The Pragmatic Engineer · ~1.5ч
Building Claude Code with Boris Cherny
Создатель Claude Code разбирает архитектуру и философию инструмента.
Video AI Engineer Summit
From Vibe Coding to Agentic Engineering
Эволюция подхода: от хаотичного prompting к инженерной дисциплине.
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 на одной серии задач
Вести короткий журнал: где агент лучше исследует, где точнее патчит, где удобнее ревью, где выше риск лишних изменений.
0 / 14 завершено

Мои заметки

Не сохранено
Самопроверка
Три вопроса, чтобы убедиться, что ключевые концепции усвоены.
Вопрос 1 из 3
Что такое паттерн Research → Plan → Execute → Review → Ship?
A Маркетинговая модель продаж AI-инструментов
B Рабочий цикл взаимодействия с агентом-кодером, рекомендованный Anthropic
C Структура одного промпта в чате
D Этапы CI/CD-пайплайна
Правильно: B. Это рабочий цикл из Best Practices for Claude Code: сначала агент исследует кодбейз, потом составляет план, выполняет, ревьюит и только потом коммитит. Каждый этап — отдельная итерация с человеком.
Вопрос 2 из 3
Для чего служит файл CLAUDE.md / .cursorrules в корне проекта?
A Хранение API-ключей и секретов
B Документация для других разработчиков команды
C Постоянный контекст для AI-агента: конвенции, стиль кода, как запускать тесты
D Список бэклога и задач
Правильно: C. Это «постоянная память» агента про ваш проект. Без него вы повторяете одни и те же инструкции в каждом промпте. С ним — агент сразу знает, что использовать pytest, ruff, придерживаться 88 символов в строке и не использовать print для логов.
Вопрос 3 из 3
Что такое MCP (Model Context Protocol)?
A Альтернатива HTTP, оптимизированная для LLM
B Открытый стандарт для подключения внешних инструментов и ресурсов к LLM-агентам
C Метод сжатия промптов для экономии токенов
D Тип guardrails для безопасности агентов
Правильно: B. MCP — открытый протокол, предложенный Anthropic в 2024 году. Позволяет подключать любые инструменты (БД, API, файловые системы) к агентам через единый интерфейс. Для веб-разработчика это просто «ещё один API-протокол» — но с большой экосистемой готовых серверов.
0 / 3