/architecture-diagram
Build interactive, click-through architecture diagrams for software systems — a self-contained single HTML file with animated step-by-step flows, mode toggles (dev/prod, offline/online, v1/v2), dark/light theme, and a side panel with payload details, plus a companion markdown
shell
$ npx -y skills add konraddzbik/architecture-diagram-skill --skill architecture-diagram --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
- Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.
- You can call itInvoke it directly when you want it.
- Slash command
/architecture-diagram
Context preview
The summary Claude sees to decide when to auto-load this skill.
Build interactive, click-through architecture diagrams for software systems — a self-contained single HTML file with animated step-by-step flows, mode toggles (dev/prod, offline/online, v1/v2), dark/light theme, and a side panel with payload details, plus a companion markdown
Ships witharchitecture-diagram
Build click-through, animated system architecture diagrams as a single HTML file. Drop it into a workshop, design review, or onboarding doc and let people watch the data flow instead of reading static boxes-and-arrows.
Get the whole plugin, auto-invoked
Stats
45
Stars
0
Views
4
Forks
Active
Maintenance
HTML
Language
MIT
License
7h ago
Last commit
2mo ago
Created
Repo: konraddzbik/architecture-diagram-skill