{"repo":"konraddzbik/architecture-diagram-skill","free":true,"listed":false,"github":"https://github.com/konraddzbik/architecture-diagram-skill","clone":"git clone https://github.com/konraddzbik/architecture-diagram-skill.git","description":"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.","language":"HTML","stars":59,"topics":["claude-code","claude-skills","copilot-skills","opencode-skills","skills"],"license":"MIT","category":"cli-tools","readme_excerpt":"Interactive Architecture Diagrams Agent Skill for Claude Code · Gemini CLI · GitHub Copilot CLI · OpenCode · Cursor Build click-through, animated system architecture diagrams as a single HTML file. No build step. No dependencies. One file you can email, host, or open locally. Install · Try It · Examples · Skill Spec 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. This is an Agent Skill — a folder of instructions any compatible AI coding agent loads on demand. When you ask for an architecture diagram, this skill takes over and produces a self-contained architecture.html plus a companion architecture.md description. Works with Claude Code, Gemini CLI, GitHub Copilot CLI, OpenCode, Cursor, and any tool supporting the SKILL.md standard. --- What you get Each generated diagram includes: - Named flows — pick a scenario tab ( RAG Query , Login , Ingest , …) and watch it play out step by step - Animated data packets glowing along quadratic-curve wires between services - Side panel showing the current step's payload, description, and metadata chips (latency, auth headers, ports) - Mode toggles — switch between offline/online , dev/prod , or v1/v2 to swap node labels, ports, and payloads in place - Drag-and-drop nodes — reposition any tile by dragging; snaps to grid, wires redraw live, layout saved to localStorage - P","default_branch":null,"files":null,"tree":[],"storefront":"/r/konraddzbik","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/konraddzbik/architecture-diagram-skill/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}