What problem does it solve? Creating professional-looking technical architecture diagrams usually requires dedicated diagramming tools, licenses, or rendering libraries. This Skill produces polished, dark-themed system and cloud infrastructure diagrams as single self-contained HTML files with inline SVG, requiring no external tools or API keys. ## Core Features & Use Cases - Semantic Color System: Categorizes components (frontend, backend, database, cloud, security, message bus, external) with a consistent rgba fill and hex stroke palette. - Complete Layout Rules: Defines spacing, z-ordering, arrow styles, security group and region boundaries, and legend placement for readable diagrams. - Reusable HTML Template: Ships a working template with examples of every component type, arrow style, and boundary pattern. - Use Case: Describe a microservice deployment with a load balancer, API servers, and PostgreSQL database, and receive a single .html file you can open in any browser to present the architecture. ## Quick Start Ask the agent to generate an architecture diagram of your system, describing the components, connections, and technologies, and save it as an HTML file.
