C4 model architecture visualization and documentation
View on GitHubmelodic-software/claude-code-plugins
documentation-standards
plugins/documentation-standards/skills/c4-documentation/SKILL.md
January 21, 2026
Select agents to install to:
npx add-skill https://github.com/melodic-software/claude-code-plugins/blob/main/plugins/documentation-standards/skills/c4-documentation/SKILL.md -a claude-code --skill c4-documentationInstallation paths:
.claude/skills/c4-documentation/# C4 Documentation Skill
Create architecture documentation using the C4 model's four levels of abstraction.
## MANDATORY: Documentation-First Approach
Before creating C4 documentation:
1. **Invoke `docs-management` skill** for C4 patterns
2. **Verify C4 model syntax** via MCP servers (context7 for Structurizr/Mermaid)
3. **Base guidance on c4model.com official documentation**
## C4 Model Overview
```text
C4 Model - Four Levels of Abstraction:
Level 1: System Context
┌─────────────────────────────────────────────────────────────────────────────┐
│ Shows the system in context with users and external systems │
│ Audience: Everyone (technical and non-technical) │
└─────────────────────────────────────────────────────────────────────────────┘
↓
Level 2: Container
┌─────────────────────────────────────────────────────────────────────────────┐
│ Shows high-level technology choices and responsibilities │
│ Audience: Technical people (inside and outside the team) │
└─────────────────────────────────────────────────────────────────────────────┘
↓
Level 3: Component
┌─────────────────────────────────────────────────────────────────────────────┐
│ Shows components within a container │
│ Audience: Software architects and developers │
└─────────────────────────────────────────────────────────────────────────────┘
↓
Level 4: Code (Optional)
┌─────────────────────────────────────────────────────────────────────────────┐
│ Shows classes, interfaces, and implementation details │
│ Audience: Developers (often auto-generated) │
└─────────────────────────────────────────────────────────────────────────────┘
```
## Level 1: System Context Diagram
### Purpose
Sho