c4-diagram

Installation
SKILL.md

C4 Diagram

Workflow

  1. Pick the C4 level — match diagram depth to the question (see table below)
  2. Choose the tool — Structurizr DSL by default; Mermaid for quick inline previews (see table below)
  3. Generate the diagram — follow Diagram Rules, then the DSL reference for the chosen tool
  4. Render — follow the Rendering fallback chain

C4 Level Selector

Question type C4 level Structurizr view type
"Show the whole organisation / all systems" Supporting — System Landscape systemLandscape (no Mermaid equivalent)
"What does this system do?" / "Who uses it?" Level 1 — Context systemContext
"What are the main services/apps/databases?" Level 2 — Container container
"How is this service structured internally?" Level 3 — Component component
"How does this specific class/module work?" Level 4 — Code No diagram — Level 4 has no C4 diagram equivalent
Installs
39
Repository
bsene/skills
GitHub Stars
5
First Seen
Apr 28, 2026
c4-diagram — bsene/skills