Architecture Diagram

by HezaoHezao

Architecture Diagram is a DevOps skill for Claude Code, published by HezaoHezao in poirot.

185 stars8 forkson HezaoHezao/poirotAdded 2026/08/11+48% in starsRepository updated 2026/07/28

View source on GitHub Download repo ZIP

agentagent-memoryagent-skillagent-skillsagentic-aiagentsai-agentai-agentsai-codingmemorymemory-systemmulti-agent

Install in seconds

Install Architecture Diagram

Copy Architecture Diagram into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.

terminal

npx degit https://github.com/HezaoHezao/poirot/tree/master/poirot/backend/agents/skill/builtin_skills/creative/architecture-diagram ~/.claude/skills/architecture-diagram

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/HezaoHezao/poirot.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file: poirot/backend/agents/skill/builtin_skills/creative/architecture-diagram/SKILL.md in HezaoHezao/poirot
Installs to: ~/.claude/skills/architecture-diagram
Collection: One of 37 skills cataloged from this repository
Category: DevOps — 798 skills

What Architecture Diagram does

Generates dark-themed SVG architecture, cloud, or infrastructure diagrams as standalone HTML files. Ideal for system architectures, microservices, and deployment visualizations without dependencies.

Architecture Diagram is cataloged under DevOps on DirSkills. Architecture Diagram comes from a repository tagged agent, agent-memory, agent-skill, agent-skills and agentic-ai.

Documentation

README

Excerpt

Software system architecture (frontend / backend / database layers)
Cloud infrastructure (VPC, regions, subnets, managed services)
Microservice / service-mesh topology
Database + API map, deployment diagrams
Anything with a tech-infra subject that fits a dark, grid-backed aesthetic

Look elsewhere first for:

Physics, chemistry, math, biology → use concept-diagrams
Floor plans, educational visuals → use concept-diagrams
Hand-drawn sketches → use excalidraw

Workflow

This is the opening of the README. Read the full README on GitHub.

Frequently asked about Architecture Diagram

What else does HezaoHezao publish alongside Architecture Diagram?
Architecture Diagram is one of 37 skills that DirSkills catalogs from HezaoHezao/poirot, the repository it ships in. Its siblings there include Academic Paper Review, ArXiv Research and Blogwatcher. Each one is a separate skill with its own page in this directory, installs the same way Architecture Diagram does, and is maintained by HezaoHezao in that same repository. The rest of the collection is listed on the HezaoHezao/poirot page.
How does Architecture Diagram compare to other DevOps skills?
Architecture Diagram ranks #730 by stars among the 798 DevOps skills in this catalog. The most-starred ones next to it are Backend Patterns, API Connector Builder and Migration. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Architecture Diagram against them. Open each page to compare what they document and how they install.