Туториал по сабагентам Claude Code: соберите команду ИИ
Пройдите демо Developers Digest кадр за кадром: создайте сабагентов мастером /agents, дайте каждому свои инструменты и системный промпт, а затем посмотрите, как агент-исследователь и фронтенд-агент вместе собирают лендинг.
Коротко
- Введите /agents в Claude Code, откройте панель агентов и создайте первого сабагента примерно за минуту.
- Каждый сабагент — один markdown-файл в .claude/agents/ с именем, описанием, списком инструментов и системным промптом.
- Генерируйте агентов через Claude, настраивайте доступ к инструментам — включая MCP-серверы вроде Firecrawl и Context7 — и выбирайте цвет в терминале.
- В демо сабагент-исследователь и фронтенд-сабагент на Next.js изучают AI-новости и собирают SaaS-лендинг от начала до конца.
Claude Code NEW Sub Agents in 7 Minutes
Видео-первоисточник:Developers Digest7:10
Create subagents — Claude Code official docs
Официальная документация ·:Anthropic
Скриншоты взяты из разбора Developers Digest; терминология и соглашения о файлах сверены с официальной документацией Anthropic по сабагентам.
Все скриншоты принадлежат Developers Digest и используются здесь для иллюстрации туториала; таймкоды ведут обратно к оригинальному видео.
Создаем сабагентов Claude Code шаг за шагом
Часть 1 · Создаем первого сабагента через /agents
- 1
Откройте панель агентов командой /agents
В сессии Claude Code введите /agents и выберите Create new agent. Панель покажет всех ваших сабагентов и встроенного агента general-purpose, который доступен всегда.
Одна слэш-команда отделяет вас от менеджера агентов.Смотреть с 0:30 - 2
Выберите область: проект или личная
Шаг 1 спрашивает, где будет жить агент: Project (.claude/agents/) оставляет его в репозитории, а Personal (~/.claude/agents/) делает доступным во всех проектах машины.
Агентов проекта можно коммитить в репозиторий; личные доступны везде.Смотреть с 0:46 - 3
Позвольте Claude сгенерировать агента
Шаг 2 предлагает Generate with Claude (рекомендуется) или Manual configuration. В видео просят френденд-специалиста — эксперта по Next.js, Tailwind и ShadCN/UI — и Claude составляет всю конфигурацию.
Опишите роль одной строкой — Claude сам напишет файл.Смотреть с 1:05 - 4
Задайте доступ к инструментам
Шаг 4 группирует все, что агенту можно трогать: All tools, Read-only tools, Edit tools, Execution tools и MCP & Other tools. Можно отключать отдельные инструменты — или отдать все, как в демо.
Фронтенд-агенту можно выдать все инструменты; бэкенд-агенту — только базу данных и логи.Смотреть с 1:36 - 5
Дайте агенту цвет в терминале
Выберите цвет фона из палитры — Red, Blue, Green, Orange, Yellow, Purple, Pink, Cyan или Automatic — и в превью видно, как будет выглядеть плашка с именем агента в диалоге.
Цвета позволяют с первого взгляда понять, какой специалист сейчас работает.Смотреть с 1:48 - 6
Проверьте сгенерированный промпт и сохраните
Экран подтверждения показывает описание, по которому Claude будет решать, когда делегировать, полный системный промпт и предупреждения — в демо описание помечено как длиннее 400 символов. Нажмите Enter для сохранения.
Любое поле можно отредактировать позже — это обычный markdown.Смотреть с 2:15
Часть 2 · Файлы агентов и второй специалист
- 7
Найдите markdown-файл в .claude/agents
Каждый сабагент живет в одном markdown-файле. В демо проект открывают в Finder и показывают скрытую папку .claude/agents с файлом nextjs-tailwind-shadcn-engineer.md — его можно коммитить в репозиторий.
Папка появляется после сохранения первого агента.Смотреть с 3:10 - 8
Добавьте специалиста по веб-исследованию
Повторите сценарий для второго агента. В этот раз отметьте только нужные MCP-инструменты: scrape, map и search сервера Firecrawl — счетчик покажет «3 of 25 tools selected».
Узкий список инструментов держит каждого агента сфокусированным и предсказуемым.Смотреть с 3:36 - 9
Проверьте фронтматтер перед сохранением
Экран подтверждения перечисляет Name: web-research-specialist, Location: .claude/agents/web-research-specialist.md, три инструмента mcp__mcp-server-firecrawl__, описание и системный промпт.
Фронтматтер и тело пишет Claude; настроить их можно в любой момент.Смотреть с 3:42
Часть 3 · Делегируем сборку с исследованием
- 10
Делегируйте реальную сборку
Попросите SaaS-лендинг с таблицей тарифов и FAQ, а в главной секции — исследование пяти главных AI-новостей июля 2025 года. И явно скажите Claude сначала изучить веб и только потом писать код.
Один промпт разлетается по только что собранной команде.Смотреть с 4:26 - 11
Наблюдайте, как Claude управляет командой
Claude разбивает запрос на многошаговый план, сначала запускает агента web-research-specialist, затем передает сборку агенту nextjs-tailwind-shadcn-engineer и ведет весь процесс в списке задач.
Описание в фронтматтере каждого агента подсказывает Claude, когда делегировать.Смотреть с 4:28 - 12
Соберите результаты исследования
web-research-specialist завершает работу после 10 вызовов инструментов и 22,5 тыс. токенов примерно за две минуты, а Claude Code вычеркивает пункт исследования из списка задач.
Свежие факты поступают прямо в основной диалог как контекст.Смотреть с 4:38
Часть 4 · Этап сборки и результат
- 13
Дайте фронтенд-агенту строить
Эстафету принимает nextjs-tailwind-shadcn-engineer: пишет файлы приложения и компонентов, конфигурацию и запускает npm run dev, пока основной диалог держит статус marinating.
Вся тяжелая правка файлов идет в собственном контексте сабагента.Смотреть с 4:45 - 14
Проверьте готовый сайт
Итог — лендинг Developer's Digest: hero из пяти исследованных AI-новостей, таблица тарифов из трех планов, рабочий аккордеон FAQ и темная тема — ровно то, что было делегировано.
Строили специалисты, а основной диалог оставался сфокусированным.Смотреть с 6:12
Один огромный промпт против команды сабагентов
| Возможность | Один огромный системный промпт | Команда сабагентов |
|---|---|---|
| Контекст | Один диалог накапливает все и уходит от темы. | Каждый сабагент работает в собственном чистом контекст-окне. |
| Инструкции | Все правила приходится запихивать в один промпт. | У каждого агента свой сфокусированный системный промпт, который можно развивать. |
| Инструменты | Все инструменты доступны постоянно. | Списки разрешений на каждого агента, включая MCP-серверы вроде Firecrawl и Context7. |
| Переиспользование | Инструкции копируются между проектами вручную. | Markdown-файлы, которые можно коммитить в репозиторий или ставить глобально. |