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 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 by type (frontend, backend, database, cloud, security, message bus, external). - Complete Design System: Includes typography rules, grid backgrounds, arrow styles, security group boundaries, region boundaries, and legend placement logic. - Zero-Dependency Output: Generates one self-contained HTML file with inline CSS and SVG, no JavaScript, no API keys, works offline. - Use Case: Describe your microservices deployment (load balancer, API servers, PostgreSQL, S3, CloudFront) and receive a ready-to-share HTML diagram with proper AWS region boundaries and security group annotations. ## Quick Start Ask the AI to generate an architecture diagram of your system describing its components, connections, and technologies, then open the saved HTML file in a browser.
