c4-architecture — скилл для Claude Code: что делает и как установить
Генерирует архитектурную документацию и схемы модели C4 в синтаксисе Mermaid прямо по кодовой базе проекта.
npx claude-code-templates@latest --skill creative-design/c4-architectureЧто делает c4-architecture
Скилл анализирует репозиторий и строит схемы архитектуры программного обеспечения по методологии C4. Он оформляет результат в Markdown-файлы с текстовыми пояснениями, используя диаграммы Mermaid.
Инструмент разбивает архитектуру на уровни. Сюда входят контекст системы C4Context, контейнеры C4Container, компоненты C4Component и узлы развёртывания C4Deployment. Дополнительно поддерживаются схемы динамических сценариев C4Dynamic для цепочек вызовов. Автор скилла рекомендует ограничиться контекстом и контейнерами для большинства команд, создавая уровень компонентов только при реальной пользе.
Внутри заложены строгие правила оформления связей. Скилл требует явного указания протоколов и технологий на стрелках, запрещает двунаправленные связи для исключения путаницы и задаёт описание каждому элементу.
Какие задачи решает
- составить схему контекста системы и внешних интеграций
- задокументировать сервисы и базы данных на диаграмме контейнеров
- визуализировать сценарий выполнения запроса через динамическую схему
- описать инфраструктуру продакшена на диаграмме развёртывания
Примеры запросов агенту
- Сделай C4-диаграмму контекста для нашего бэкенда в формате Mermaid
- Задокументируй архитектуру сервиса на уровне контейнеров и сохрани в Markdown
- Покажи поток авторизации пользователя через C4Dynamic
Как установить c4-architecture
1Через claude-code-templates
npx claude-code-templates@latest --skill creative-design/c4-architecture2Через Skills CLI (Vercel)
npx skills add davila7/claude-code-templates --skill c4-architecture -a claude-code3Вручную: положить файлы
~/.claude/skills/c4-architecture/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/c4-architecture/
Вручную: положить файлы
.agents/skills/c4-architecture/SKILL.mdДля всех проектов — ~/.agents/skills/
Вручную: положить файлы
.cursor/skills/c4-architecture/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install davila7/claude-code-templates c4-architecture2Вручную: положить файлы
.github/skills/c4-architecture/SKILL.mdКомандой платформы
gemini skills install https://github.com/davila7/claude-code-templates --path cli-tool/components/skills/creative-design/c4-architectureВручную: положить файлы
.devin/skills/c4-architecture/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Claude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о c4-architecture
Как установить c4-architecture в Claude Code?
Выполните в терминале команду npx claude-code-templates@latest --skill creative-design/c4-architecture. Другой способ — запустить npx skills add davila7/claude-code-templates --skill c4-architecture -a claude-code.
Что делает скилл c4-architecture?
Он исследует структуру проекта и формирует архитектурные диаграммы C4 на синтаксисе Mermaid. Готовые схемы вместе с описаниями сохраняются в Markdown-файлы.
Какие типы диаграмм умеет строить этот скилл?
Поддерживаются диаграммы системного контекста, контейнеров приложений, внутренних компонентов и узлов развёртывания. Также доступен тип C4Dynamic для трассировки запросов между сервисами.
