C4 Diagrams
Build architecture diagrams following Simon Brown's C4 model, which organizes system structure into focused maps at different abstraction levels—each designed for a specific audience. Choose between Mermaid (default, renders natively on GitHub), Structurizr DSL (for multi-level models), or D2/PlantUML. Start with System Context and Container diagrams; add Component and Code layers only when they clarify design.
C4 Diagrams creates layered architecture visualizations using Simon Brown's C4 model to communicate system structure across technical and non-technical audiences.
AI-generated summary based on this skill's SKILL.md
Decision gist · record as of 2026-07-27
C4 Diagrams creates layered architecture visualizations using Simon Brown's C4 model to communicate system structure across technical and non-technical audiences. Build architecture diagrams following Simon Brown's C4 model, which organizes system structure into focused maps at different abstraction levels—each designed for a specific audience. Choose between Mermaid (default, renders natively on GitHub), Structurizr DSL (for multi-level models), or D2/PlantUML. Start with System Context and Container diagrams; add Component and Code layers only when they clarify design.
Use it when
- C4 Diagrams supports generating context, container, and component level diagrams, with Code layers available when needed.
- C4 Diagrams offers multiple rendering options: Mermaid (the default, which renders natively on GitHub for easy sharing).
Install
connorads/dotfiles/c4-diagrams · repository language: Shell
generated, unverified - the skill's exact subdirectory could not be determined; check the repository on GitHub
Open directory. Skills are indexed for reading, not audited. Review a skill's body before installing it.
Frequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
How do I create C4 architecture diagrams?
C4 Diagrams helps you build architecture diagrams following Simon Brown's C4 model, which organizes system structure into focused maps at different abstraction levels. Start with System Context and Container diagrams to establish your foundation. You can choose between Mermaid (which renders natively on GitHub), Structurizr DSL for multi-level models, or D2/PlantUML depending on your needs and complexity.
What are the different levels in C4 model visualization?
C4 Diagrams supports generating context, container, and component level diagrams, with Code layers available when needed. Each level is designed for a specific audience: System Context shows the system and external dependencies, Container breaks down internal structure, Component details subsystems, and Code provides implementation detail. Add deeper layers only when they clarify your design.
Which diagram formats does C4 Diagrams support?
C4 Diagrams offers multiple rendering options: Mermaid (the default, which renders natively on GitHub for easy sharing), Structurizr DSL for comprehensive multi-level architecture models, and D2/PlantUML for alternative visualization styles. Choose based on your platform preferences and the complexity of your architecture documentation needs.
Can C4 Diagrams help me learn C4 methodology?
Yes, C4 Diagrams supports learning C4 diagramming methodology and best practices. The tool guides you through creating diagrams at appropriate abstraction levels for different audiences, helping you understand when to use System Context, Container, Component, and Code layers effectively in your software architecture documentation.
How does C4 Diagrams model enterprise architecture relationships?
C4 Diagrams enables you to model enterprise architecture relationships visually by mapping systems, containers, and components at multiple abstraction levels. This hierarchical approach lets you document how different parts of your architecture interact, making it easier to communicate complex system designs to stakeholders at appropriate detail levels.
Let your AI agent find skills like this
Example. Real query, live index.
You found this page by searching. An agent finds it by wishing: SkillFed indexes 56,283 agent skills by what they can do, searchable in plain language.
wish › “Create and visualize C4 model diagrams for system architecture”
Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →
Related skills
Mermaid Graph Writer produces syntactically correct Mermaid diagrams by selecting the right diagram type for your content and applying consistent formatting rules. It handles flowcharts, sequence diagrams, state machines, ER models, timelines, mindmaps, Gantt charts, and other Mermaid-supported formats—but doesn't render them to images.
Mermaid Studio generates polished diagrams from descriptions or code, supporting flowcharts, sequences, ERDs, C4 architecture, AWS infrastructure, and 15+ other diagram types. Render to SVG, PNG, or ASCII with syntax validation and curated color themes built in.
c4-model produces LikeC4 specifications that enforce Simon Brown's canonical C4 model, generating context and container views alongside architecture decisions. It scaffolds the necessary DSL files and validates against a strict checklist, refusing component views, dynamic diagrams, custom element kinds, and nested systems that fall outside canonical C4 scope.
Create software architecture documentation using C4 model diagrams rendered in Mermaid. The skill guides you through selecting the right abstraction level—from system context through deployment—and generates properly structured diagrams with clear relationships and technology labels.
A prerequisite skill that prepares your diagram requests for Figma's generate_diagram tool. It routes you to type-specific guidance, enforces universal Mermaid constraints, and tells you when to use a different approach or edit in Figma instead. Load it before every diagram call to avoid preventable failures.
Containers Internals covers the low-level mechanisms that power Docker and Podman: process namespaces for isolation, cgroups v2 for resource limits, overlayfs for layered storage, and seccomp-bpf for syscall filtering. Explore runc, the OCI spec, Linux capabilities, rootless user namespaces, and practical escape mitigations.
More skills architecture-diagram (MIT)