c4-architecture

Solid

Генерирует 4-уровневую архитектурную документацию по C4 Model (Simon Brown): Context (системный обзор) → Container (деплоймент) → Component (внутренняя структура) → Code (детали реализации). Синтезирует Mermaid C4 диаграммы на каждом уровне. Используй при документировании архитектуры для стейкхолдеров, onboarding новых членов команды, архитектурном review, подготовке к scale. Триггеры: /c4-architecture, /c4, "c4 model", "architecture diagram", "c4 diagram", "архитектурная документация", "system context diagram", "container diagram".

AI & Automation 7 stars 0 forks Updated today MIT

Install

View on GitHub

Quality Score: 81/100

Stars 20%
30
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

<!-- BSV — Brief Skill View | поиск: BSV Скил : c4-architecture TL;DR : 4-уровневая архитектурная документация с Mermaid диаграммами (C4 Model) Вызов : /c4-architecture, /c4, c4 model, architecture diagram НЕ для : Архитектурные решения (→ /architect); код review (→ /reviewer) --> # C4 Architecture — 4-Level Documentation ## Зачем C4 Одна диаграмма не может показать всё. C4 Model (Simon Brown) решает это: - **Non-technical stakeholders** видят только Level 1 (Context) - **Architects** работают с Level 2-3 (Container + Component) - **Developers** используют Level 4 (Code) Каждый уровень — зум в предыдущий. Никакого информационного перегруза. --- ## Level 1 — Context Diagram **Аудитория:** CEO, product managers, external partners — все кто не знает internals. **Что показывает:** Система как чёрный ящик + кто её использует + с чем она интегрируется. **Шаблон:** ```markdown # System Context: [System Name] ## System Overview [1-2 предложения — что делает система для кого] ## Users & Personas | Persona | Role | Key Actions | |---------|------|-------------| | [Human user] | [Role] | [What they do] | | [External system] | [Integration] | [API/data flow] | ## External Dependencies | System | Direction | Protocol | Purpose | |--------|-----------|----------|---------| | [Name] | outbound | REST | [Why] | ## User Journeys ### [Feature]: [Persona] Flow 1. [Step 1] 2. [Step 2] ``` **Mermaid диаграмма:** ```mermaid C4Context title System Context for [System Name] Per...

Details

Author
sergeeey
Repository
sergeeey/Claude-cod-top-2026
Created
4 months ago
Last Updated
today
Language
Python
License
MIT

Integrates with

Similar Skills

Semantically similar based on skill content — not just same category

AI & Automation Listed

c4-architecture

Generate architecture documentation using C4 model Mermaid diagrams. Use when asked to create architecture diagrams, document system architecture, visualize software structure, create C4 diagrams, or generate context/container/component/deployment diagrams. Triggers include "architecture diagram", "C4 diagram", "system context", "container diagram", "component diagram", "deployment diagram", "document architecture", "visualize architecture".

0 Updated yesterday
dills122
AI & Automation Listed

creating-c4-diagrams

Creates, reviews, and interprets C4 software architecture diagrams (System Context, Container, Component, Dynamic, Deployment). Produces Structurizr DSL or Mermaid C4 diagram code following C4 model best practices. Use when the requested output is explicitly C4, when reviewing existing C4 diagrams for correctness and anti-patterns, when generating Structurizr DSL workspaces, when producing Mermaid C4 diagrams for READMEs, or when using C4 diagrams as context for design decisions, code generation, risk analysis, or onboarding.

0 Updated 6 days ago
msewell
AI & Automation Listed

c4-architecture-docs

Use this skill to document the architecture of a big issue / epic / feature with the C4 model (c4model.com) -- producing system context, container, component, and dynamic diagrams as Mermaid .mmd plus a narrative doc. Trigger phrases: 'C4 model', 'architecture diagram', 'system context / container / component diagram', 'document the architecture of this epic', 'draw the containers for this feature'. Don't use it for: rendering an existing .mmd to HTML (use the project's Mermaid viewer/renderer, or the `mmdc` CLI); FigJam whiteboard diagrams (use figma:figma-generate-diagram); a pure decision record with no diagrams (use the ADR template — `.claude/templates/adr-template.md`, falling back to core's `templates/adr-template.md`).

3 Updated today
atretyak1985