c4-model

Solid

WHAT — C4 model methodology (Context, Container, Component, Code) guidance — what to draw at each level, when, and how to render C4-inspired diagrams via Mermaid (PlantUML/Structurizr optional advanced). Methodology not renderer.

AI & Automation 14 stars 4 forks Updated today MIT

Install

View on GitHub

Quality Score: 80/100

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

Skill Content

# C4 Model — Methodology Overlay (WHAT → HOW via Mermaid) **Sources (2026-08-12):** Simon Brown C4 https://c4model.com/ (Context, Container, Component, Code); Structurizr DSL https://github.com/structurizr/dsl (open-source DSL, paid cloud) + `structurizr-mcp` https://github.com/cubical6/structurizr-mcp + `go-structurizr`; C4-PlantUML https://github.com/plantuml-stdlib/C4-PlantUML; overarch https://github.com/soulspace-org/overarch (PlantUML/Structurizr generation); rendering **via Mermaid** `mermaid-js/mermaid` MIT per §44. > **Pack:** `architecture` core (`architect + ADR + TRD + threat-model + mermaid (+ C4 via mermaid)`) — `c4-model` teaches *what* to draw; `mermaid` renders it. See `docs/architecture/research-385-diagram.md` for C4 vs Mermaid vs PlantUML/Structurizr decision (Excalidraw/draw.io REJECT). ## When to use - Need system Context / Container / Component / Code views. ## Instructions 1. **Select level:** Context (system + actors) → Container (apps/data stores) → Component (modules) → Code (classes, optional). 2. **Render via Mermaid** (C4-inspired): `flowchart TD` with `subgraph` for boundaries, e.g.: ```mermaid flowchart TD user([User]) --> web[Web Container] web --> api[API Container] api --> db[(Database Container)] subgraph System Context user; web; api; db end ``` 3. **Advanced (optional):** For consistency checks across views, use Structurizr DSL (`structurizr-cli` + `workspace.dsl` → PlantUML/Mermaid) or C4-Pl...

Details

Author
ulises-jeremias
Repository
ulises-jeremias/agent-toolkit
Created
3 weeks ago
Last Updated
today
Language
V
License
MIT

Bundled in these plugins

Similar Skills

Semantically similar based on skill content — not just same category

AI & Automation Listed

c4-model-diagram

Author a C4 model architecture document — Simon Brown's four levels of abstraction (System Context, Container, Component, Code) rendered as notation-independent Mermaid C4 diagrams plus an element catalog of people, systems, containers, and components. Use when the user needs to map or communicate software architecture at varying zoom levels for mixed technical/non-technical audiences. Anti-trigger; for a point-in-time decision record use adr, for a sequence/data-flow or deployment-only view use the matching diagram genre instead.

0 Updated today
modeled-information-format
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 today
dills122
AI & Automation Listed

c4-architecture

Генерирует 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".

7 Updated yesterday
sergeeey