What problem does it solve? Creating polished technical architecture diagrams usually requires dedicated diagramming tools, accounts, or rendering libraries. This Skill produces professional dark-themed architecture, cloud, and infrastructure diagrams as single self-contained HTML files with inline SVG that open in any browser with no dependencies. ## Core Features & Use Cases - Semantic Color System: Predefined fill and stroke palettes categorize components as frontend, backend, database, cloud, security, message bus, or external services. - Complete Design System: Includes typography rules, grid backgrounds, arrow styles, security group boundaries, region containers, and legend placement conventions. - Ready-to-Use Template: A full HTML template with working examples of every component type, arrow style, and boundary pattern serves as a structural reference. - Use Case: Describe your microservice topology with a load balancer, API servers, and PostgreSQL database, and receive a single HTML file rendering the full system diagram with labeled connections and a legend. ## Quick Start Generate an architecture diagram of my web application with a React frontend, FastAPI backend, and PostgreSQL database, and save it as an HTML file.
