c4-architecture
Создание диаграмм архитектуры C4
Объясняйте программную архитектуру ясно и профессионально с помощью профессиональных диаграмм модели C4. Этот навык генерирует документацию на основе Mermaid на соответствующем уровне абстракции для любой аудитории — от руководителей до разработчиков.
스킬 ZIP 다운로드
Claude에서 업로드
설정 → 기능 → 스킬 → 스킬 업로드로 이동
토글을 켜고 사용 시작
테스트해 보기
"c4-architecture" 사용 중입니다. Создайте диаграммы архитектуры для моего приложения отслеживания тренировок
예상 결과:
Сгенерированы две диаграммы:
1. Контекст системы — показывает Пользователя, систему отслеживания тренировок и веб-браузер как внешнюю зависимость
2. Диаграмма контейнеров — отображает границу Vue PWA с SPA (Vue 3), управлением состоянием (Pinia) и контейнерами IndexedDB
Файлы записаны в docs/architecture/c4-context.md и c4-containers.md
"c4-architecture" 사용 중입니다. Диаграмма потока входа пользователя
예상 결과:
Создана динамическая диаграмма с пронумерованным потоком:
1. SPA отправляет учётные данные в контроллер входа
2. Контроллер проверяет через службу безопасности
3. Служба запрашивает базу данных для пользователя
Включает стилизацию отношений для ясности. Сохранено в docs/architecture/c4-dynamic-signin.md
보안 감사
안전Static analysis detected 388 pattern matches, but all are false positives. The 'external_commands' and 'network' patterns match Mermaid diagram syntax (e.g., Person(), Container()) and documentation URLs, not actual code execution. This is a pure documentation skill with no scripts, no executable code, and no security risks.
품질 점수
만들 수 있는 것
Документирование существующих систем
Команды программного обеспечения используют этот навык для создания документации по архитектуре для устаревших систем. Навык анализирует структуру кода и генерирует диаграммы, которые помогают в онбординге новых разработчиков.
Презентации для обзора проектирования
Технические руководители генерируют подходящие для аудитории диаграммы для обзоров проектирования. Контекстные диаграммы для руководителей, диаграммы контейнеров для технических заинтересованных сторон.
Документация микросервисов
Команды документируют сложные архитектуры микросервисов с надлежащими границами и отношениями. Навык обрабатывает шаблоны на основе событий и межсервисное взаимодействие.
이 프롬프트를 사용해 보세요
Создайте диаграммы архитектуры для моего [имя проекта]. Включите контекстную диаграмму системы и диаграмму контейнеров.
Сгенерируйте диаграммы C4 для нашей архитектуры микросервисов. У нас есть [список сервисов], которые взаимодействуют через [обмен сообщениями/API]. Создайте диаграммы контейнеров, показывающие каждый сервис с его базой данных.
Создайте динамическую диаграмму, показывающую поток [имя функции]. Пронумеруйте шаги от действия пользователя через все вовлечённые сервисы.
Сгенерируйте диаграмму развертывания для нашей инфраструктуры [AWS/Azure/GCP]. Покажите регионы, кластеры и то, как службы развернуты.
모범 사례
- Всегда начинайте с контекстных диаграмм уровня 1 для установления области действия системы перед погружением в контейнеры
- Держите диаграммы менее чем из 20 элементов, разделяя сложные системы на несколько сфокусированных диаграмм
- Помечайте отношения глаголами действий и технологиями (например, «Читает из», «JSON/HTTPS»)
피하기
- Не используйте двусторонние стрелки — они создают неоднозначность в направлении потока данных
- Избегайте моделирования общих библиотек как контейнеров — контейнеры должны быть развертываемыми единицами
- Не пропускайте контекстную диаграмму — она необходима для технически неподготовленных заинтересованных сторон