architecture-diagram
This skill should be used when a system design needs a diagram — "draw the architecture", "diagram this system", "show the components", "make an architecture/infrastructure/topology diagram", or visualizing boxes-and-arrows, data flow, regions, or failure paths for a design. It generates a self-contained dark-theme HTML + SVG diagram (with PNG/PDF export). Use it whenever the system-design orchestrator or a building block reaches the "draw it" step, even if the user doesn't say "diagram".
Pinned to revision 228d57dc6fa7, so it is the text this page describes rather than whatever the author pushed since.
Files
- skills/architecture-diagram/SKILL.md
- skills/architecture-diagram/assets/template.html
- skills/architecture-diagram/references/design-system.md
- skills/architecture-diagram/references/interactive.md
Every link opens the file at its source, pinned to the revision this page describes.