c4-model-diagram

Installation
SKILL.md

C4 Model Diagram

Create C4 diagrams to communicate architecture at multiple abstraction levels.

Context

You are creating architecture diagrams. Use C4 model for consistent representation. Start at highest level (context), zoom in progressively (container, component, code). Read architecture decisions and system structure.

Domain Context

Based on Simon Brown's C4 model:

  • Context Diagram: System in environment. Shows external systems, users, data flows. Answers: "What is this system?"
  • Container Diagram: Major building blocks (web app, database, API, message queue). Answers: "What's inside the system?"
  • Component Diagram: Internal structure of container. Shows responsibilities, communication. Answers: "How is [container] organized?"
  • Code Diagram: Class diagram for specific component. Shows classes, methods, relationships. Answers: "What does [component] contain?"

Instructions

Installs
2
GitHub Stars
47
First Seen
Sep 24, 2026