c4-modeling
C4 Model Skill
Purpose
This skill provides guidance on creating C4 (Context, Container, Component, Code) model diagrams using Mermaid syntax for architecture documentation. C4 models provide a hierarchical way to visualize software architecture at different levels of abstraction, following Simon Brown's C4 model methodology.
Rules
C4 Model Levels
The C4 model consists of four levels of abstraction:
- Level 1: System Context - Shows how the system fits into its environment
- Level 2: Container - Shows the high-level technology choices and communication between containers
- Level 3: Component - Shows how containers are decomposed into components
- Level 4: Code - Shows implementation details (optional, often better shown in IDEs)
When to Use Each Level
More from hack23/homepage
github-actions-cicd
GitHub Actions workflow structure, security scanning integration (CodeQL, ZAP), Lighthouse audits, minification, and deployment automation
108html-css-best-practices
Semantic HTML5, CSS custom properties, responsive design, and performance optimization for web development
91agentic-workflow-orchestration
Multi-agent coordination, orchestrator-worker patterns, /plan decomposition, and project coordination for GitHub Agentic Workflows
61product-documentation
Product documentation standards covering user guides, feature documentation, release notes, and end-user communication
52cryptography
Approved cryptographic algorithms, TLS enforcement, key management, and certificate handling per Hack23 Cryptographic Controls Policy
32osint-methods
Open Source Intelligence (OSINT) collection, analysis, and verification methods for political intelligence, security research, and transparency projects
32