What problem does it solve? Creating professional technical architecture diagrams usually requires specialized tools, rendering libraries, or paid services. This Skill produces polished, dark-themed system and cloud infrastructure diagrams as self-contained HTML files with inline SVG, requiring no external tools, API keys, or dependencies. ## 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 Design System: Provides layout rules, spacing logic, connection styles, security group boundaries, region boundaries, and legend placement for consistent output. - Ready-to-Use Template: Ships a full HTML template with working examples of every component type, arrow style, and boundary pattern. - Use Case: Describe your microservice topology with a load balancer, API servers, and PostgreSQL database, and receive a single .html file you can open in any browser or share with your team. ## Quick Start Generate an architecture diagram of my web application with a React frontend, FastAPI backend, and PostgreSQL database on AWS, saved as an HTML file.
