C4 Diagramming

by magnus919

C4 Diagramming is a DevOps skill for Claude Code, published by magnus919 in agent-skills.

10 stars0 forkson magnus919/agent-skillsAdded 2026/07/18+67% in starsRepository updated 2026/07/18

View source on GitHub Download repo ZIP

agent-skillsagentskillsai-agentsautomationllm

Install in seconds

Install C4 Diagramming

Copy C4 Diagramming into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.

terminal

npx degit https://github.com/magnus919/agent-skills/tree/main/c4-diagramming ~/.claude/skills/c4-diagramming

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/magnus919/agent-skills.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file: c4-diagramming/SKILL.md in magnus919/agent-skills
Installs to: ~/.claude/skills/c4-diagramming
Collection: One of 33 skills cataloged from this repository
Category: DevOps — 1075 skills

What C4 Diagramming does

Create C4 software-architecture diagrams using Mermaid or Structurizr. Use when teams need clear system context, container, component, or code-level views.

C4 Diagramming is cataloged under DevOps on DirSkills. C4 Diagramming comes from a repository tagged agent-skills, agentskills, ai-agents, automation and llm.

Documentation

README

Excerpt

C4 Diagramming

C4 Model for structural architecture visualization. Produces diagrams at four zoom levels, mapped into the artifact pyramid.

C4-to-Pyramid Mapping

C4 Level	Pyramid Layer	Path
Level 1: System Context	L1 (Summary)	01-summary/system-context.md
Level 2: Container	L2 (Analysis)	02-analysis/structural-views/container.md
Level 3: Component	L2 (Analysis)	02-analysis/structural-views/components.md
Level 4: Code	L3 (Dossiers)	03-dossiers/code-level-detail.md

C4 is the cleanest structural fit — its four-level hierarchy maps to the three pyramid layers with almost no translation, and Levels 2-3 both resolve to separate L2 analysis files.

Authoring Formats

Mermaid (Default for Quick Diagrams)

This is the opening of the README. Read the full README on GitHub.

Frequently asked about C4 Diagramming

What else does magnus919 publish alongside C4 Diagramming?
C4 Diagramming is one of 33 skills that DirSkills catalogs from magnus919/agent-skills, the repository it ships in. Its siblings there include ADR Authoring, API Design and Evolution and ARR CLI. Each one is a separate skill with its own page in this directory, installs the same way C4 Diagramming does, and is maintained by magnus919 in that same repository. The rest of the collection is listed on the magnus919/agent-skills page.
How does C4 Diagramming compare to other DevOps skills?
C4 Diagramming ranks #1074 by stars among the 1075 DevOps skills in this catalog. The most-starred ones next to it are Backend Patterns, API Connector Builder and Migration. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of C4 Diagramming against them. Open each page to compare what they document and how they install.