c4-diagramlisted

# C4 Container Diagram Generator Generate C4 Container diagrams following Simon Brown's C4 model standard, exported as editable .drawio XML files that open directly in draw.io (desktop or web). ## When to Use **Explicit triggers:** - User asks for a C4 diagram, container diagram, or architecture diagram - User says "draw the architecture", "system diagram", "show me the components" - User needs to visualize system architecture for documentation or a presentation - User mentions draw.io, drawio, or wants an editable diagram **Proactive triggers:** - Explaining a system with 3+ interacting components - Discussing microservices, APIs, databases, and their relationships - Reviewing or designing system architecture **Skip when:** - User wants a simple flowchart (use Mermaid instead) - User wants UI wireframes or mockups - The system has fewer than 3 components ## Process ### Step 1: Gather Requirements Identify from the conversation or ask the user: - What system are we diagramming? - Who are the users/actors (Person)? - What containers exist (apps, services, databases, queues, file storage)? - What external systems does it interact with? - What are the key data flows and protocols? If the user provides a spec, codebase description, or architecture overview, extract elements automatically and confirm before generating. ### Step 2: Classify Elements Map every element to a C4 category: | Category | Color | Shape | Description | |----------|-------|-------|-------------|