{"enrichment":{"faq":[{"a":"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.","q":"How do I create C4 architecture diagrams?"},{"a":"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.","q":"What are the different levels in C4 model visualization?"},{"a":"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.","q":"Which diagram formats does C4 Diagrams support?"},{"a":"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.","q":"Can C4 Diagrams help me learn C4 methodology?"},{"a":"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.","q":"How does C4 Diagrams model enterprise architecture relationships?"}],"shadow_tags":["architecture-visualization","system-design-modeling","diagram-generation","technical-documentation","enterprise-architecture","software-blueprint","context-mapping","structural-analysis"],"summary_rewrite":"Build architecture diagrams following Simon Brown's C4 model, which organizes system structure into focused maps at different abstraction levels\u2014each 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."},"gist":{"api_url":"https://skillfed.io/api/skills/connorads/dotfiles/c4-diagrams.json","as_of":"2026-07-27","description":"C4 Diagrams creates layered architecture visualizations using Simon Brown's C4 model to communicate system. npx skillfed install connorads/dotfiles/c4-diagrams","install":{"manual":["git clone https://github.com/connorads/dotfiles","cp -r dotfiles ~/.claude/skills/c4-diagrams"],"primary":"npx skillfed install connorads/dotfiles/c4-diagrams","version":"59a0cf93"},"kind":"skill","mirror_url":"https://skillfed.io/connorads/dotfiles/c4-diagrams.md","similar":[{"id":"curiositech/some_claude_skills/mermaid-graph-writer","name":"mermaid-graph-writer","publisher":"curiositech/some_claude_skills","url":"https://skillfed.io/curiositech/some_claude_skills/mermaid-graph-writer"},{"id":"tech-leads-club/agent-skills/mermaid-studio","name":"Mermaid Studio","publisher":"tech-leads-club/agent-skills","url":"https://skillfed.io/tech-leads-club/agent-skills/mermaid-studio"},{"id":"JosiahSiegel/claude-plugin-marketplace/c4-model","name":"c4-model","publisher":"JosiahSiegel/claude-plugin-marketplace","url":"https://skillfed.io/JosiahSiegel/claude-plugin-marketplace/c4-model"},{"id":"softaworks/agent-toolkit/c4-architecture","name":"c4-architecture","publisher":"softaworks/agent-toolkit","url":"https://skillfed.io/softaworks/agent-toolkit/c4-architecture"},{"id":"Devin-AXIS/iPolloWork/figma-generate-diagram","name":"Figma Generate Diagram","publisher":"Devin-AXIS/iPolloWork","url":"https://skillfed.io/Devin-AXIS/iPolloWork/figma-generate-diagram"}],"title":"C4 Diagrams by connorads: Create and visualize C4 model diagrams for system architecture \u2014 SkillFed","use":{"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)."]},"what":{"lead":"C4 Diagrams creates layered architecture visualizations using Simon Brown's C4 model to communicate system structure across technical and non-technical audiences.","rest":"Build architecture diagrams following Simon Brown's C4 model, which organizes system structure into focused maps at different abstraction levels\u2014each 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."}},"id":"connorads/dotfiles/c4-diagrams","install":{"mode":"external","repo":"https://github.com/connorads/dotfiles"},"links":{"html":"https://skillfed.io/connorads/dotfiles/c4-diagrams","md":"https://skillfed.io/connorads/dotfiles/c4-diagrams.md","repo":"https://github.com/connorads/dotfiles"},"meta":{"agents_supported":[],"first_seen":"2026-07-28","forks":1,"language":"Shell","last_updated":"2026-07-27","license":null,"name":"C4 Diagrams","publisher":"connorads","stars":15},"relations":{"similar":[{"id":"event-catalog/skills/c4-to-eventcatalog"},{"id":"curiositech/some_claude_skills/mermaid-graph-writer"},{"id":"tech-leads-club/agent-skills/mermaid-studio"},{"id":"JosiahSiegel/claude-plugin-marketplace/c4-model"},{"id":"softaworks/agent-toolkit/c4-architecture"},{"id":"aj-geddes/useful-ai-prompts/architecture-diagrams"},{"id":"nicobailon/visual-explainer/visual-explainer"},{"id":"Devin-AXIS/iPolloWork/figma-generate-diagram"},{"id":"wshaddix/dotnet-skills/dotnet-mermaid-diagrams"},{"id":"nWave-ai/nWave/nw-diagram"}]},"slug":{"owner":"connorads","repo":"dotfiles","skill":"c4-diagrams"},"version":"59a0cf93"}