architecture-diagramlisted

# Architecture Diagram End-to-end architecture diagram generation. Gathers system information, produces an HTML file, renders it to PNG via Chrome headless, and delivers the final image. The entire export is automated -- the user never needs to open a browser or run a script manually. Two visual styles: **dark theme** (default, SVG-based) and **light theme** (div-based, print-friendly). ## Workflow ### Step 1: Gather information Before writing markup, identify from the request (ask clarifying questions if anything is ambiguous): - **Components**: servers, services, databases, queues, external systems - **Data flow**: direction of requests (top-down, left-to-right, mixed) - **Groupings**: which components belong together (VPC, cluster, tier) - **Boundary types**: cloud regions, security groups, Kubernetes namespaces - **Theme**: dark (default) or light (for print/slides/white-background docs) - **Output path**: where to save the final PNG (default: `tmp/` in the project directory) When the request references a blog post or design document, read it and extract component names and relationships before writing markup. Ask the user for clarification only when the system description is genuinely ambiguous. Do not ask questions that can be reasonably inferred. ### Step 2: Select style and start the file **Dark theme (default):** Copy `resources/template.html` as the starting point. Includes inline SVG, CSS, grid background, arrowhead marker, export toolbar stub, and exampl