🎨 Creative
Architecture Diagram
Create dark-themed SVG architecture, cloud, and infrastructure diagrams rendered as interactive HTML. Supports system context, container, and deployment diagrams.
skill_view("architecture-diagram")
🔧 Requirements
- Bins:python3
📖 Guide
Load with skill_view("architecture-diagram"). Describe the system components and their relationships. The skill generates an HTML file with embedded SVG — open in browser to view.
🔧 How To
For a cloud architecture: describe services (load balancer → API → DB → cache) and their connections. The skill handles styling, layout, and dark theme automatically. Output is a standalone HTML file.
⚠️ Pitfalls
Not a replacement for formal diagramming tools (Draw.io, LucidChart). Best for quick visual docs. Large systems may need multiple diagrams.
Related Skills
More skills in Creative