Generates self-contained HTML files with SVG architecture diagrams in a dark theme. Ships with a complete design system: semantic color palette for different component types (frontend in cyan, databases in violet, AWS in amber), JetBrains Mono typography, and precise spacing rules to avoid layout collisions. Every diagram includes a built-in export toolbar that captures high-DPI PNGs or PDFs using html2canvas and jsPDF with SRI-locked CDN imports. The template is opinionated about visual consistency, which is exactly what you want when you need to crank out clean system diagrams without fighting CSS for an hour. Works well for cloud architecture, microservices, and network topology docs.
npx skills add https://github.com/cocoon-ai/architecture-diagram-generator --skill architecture-diagram