Architecture Diagram Skill

Generate professional technical architecture diagrams as self-contained HTML files with inline SVG graphics, CSS styling, and a built-in export toolbar (PNG / PDF / Copy-to-clipboard).

Blueprint aesthetic: dashed cluster boundaries, halo text, semantic palette, Q-filleted orthogonal edges, and a deterministic geometry-audit linter that gates release.

What triggers this skill

• "Draw an architecture diagram"
• "Show me how X system is structured"
• "Make a diagram of the data flow"
• "Visualize the network topology"
• Any request producing a system / infrastructure / network / security diagram

Core output contract