architecture-diagram
bykonraddzbik· 1 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 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 system, or onboarding diagram — or to design a new service's flows before building. Natural-language triggers: 'I'm building X, what should the flow look like', 'pokaż jak działa system', 'diagram architektury', 'wizualizacja systemu', 'klikany diagram'. Do NOT use for static diagrams that belong inline (Mermaid/PlantUML), slide decks, or printable/PDF handouts — this produces interactive HTML for browser consumption.
How to install architecture-diagram?
konraddzbik/architecture-diagram-skill/architecture-diagram
$npx -y skills add konraddzbik/architecture-diagram-skill --skill architecture-diagramInstalls into the current project.
›Prefer a prompt? Paste this to your agent
Run `npx skills use "https://github.com/konraddzbik/architecture-diagram-skill" --skill "konraddzbik/architecture-diagram-skill/architecture-diagram"` and follow the generated skill instructions now. Read its complete output, redirecting it to a temporary file first if necessary. Resolve relative paths from the supporting-files directory it provides.
Use the skills in "https://github.com/konraddzbik/architecture-diagram-skill" that are relevant to the current task. Run `npx skills add "https://github.com/konraddzbik/architecture-diagram-skill"` and select the relevant skills, then follow their instructions.
Related
6 picksType
- grill-meA relentless interview to sharpen a plan or design.Jul 2026
- triageMove issues and external PRs through a state machine of triage roles — categorise, verify, grill if needed, and write agent-ready briefs.Jul 2026
- lark-task飞书任务：管理任务、清单和任务智能体。创建待办任务、查看和更新任务状态、拆分子任务、组织任务清单、分配协作成员、上传任务附件、注册或注销任务智能体、更新任务智能体的主页数据、写入智能体任务记录。当用户需要创建待办事项、查看任务列表、跟踪任务进度、管理项目清单或给他人分配任务、为任务上传附件文件、注册注销任务智能体、更…Jul 2026
- lark-okr飞书 OKR：管理目标与关键结果。查看和编辑 OKR 周期、目标、关键结果、对齐关系、量化指标和进展记录。当用户需要查看或创建 OKR、管理目标和关键结果、查看对齐关系时使用。不负责：待办任务管理（lark-task）、日程/会议安排（lark-calendar）、绩效评估Jul 2026
- brainstormingYou MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior.Jul 2026
- grillingGrill the user relentlessly about a plan, decision, or idea. Use when the user wants to stress-test their thinking, or uses any 'grill' trigger phrases.Jul 2026
