architecture-diagram
85 / 100 · Low risk
Fine to try.
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 description. Use when the user wants to visualize or design a system: architecture diagram, service map, data flow, RAG/agentic flow, microservices topology, integration diagram, CI/CD or data/ETL pipeline, multi-agent sys…
What this skill can do
Sends data to these websites: orchestration
Can call paid AI services billed to you
Install
Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.
if [ -e ~/.agents/skills/'architecture-diagram' ] || [ -L ~/.agents/skills/'architecture-diagram' ]; then echo 'A skill folder named architecture-diagram already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/konraddzbik/architecture-diagram-skill' "$d" && git -C "$d" checkout --quiet 'e0e43282dd9c9a3482331e674b39d518c2239c29' -- 'skills/architecture-diagram' && mkdir -p ~/.agents/skills && cp -R "$d"/'skills/architecture-diagram' ~/.agents/skills/'architecture-diagram' && rm -rf "$d"; fi
Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'architecture-diagram' ~/.claude/skills/'architecture-diagram' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.
Badge for your README
[](https://zalavijaysinh.github.io/skilltrust/repos/konraddzbik/architecture-diagram-skill/)
Score history
| Date | Version | Score |
|---|---|---|
| 2026-11-07 | e0e4328 | 85 |