Arch Diagram — Development skill for Claude Code
Generate Mermaid diagrams from codebase analysis or description.
How to install Arch Diagram
Installs to ~/.claude/commands/yanacuti1121-yana-ai-arch-diagram.md
mkdir -p ~/.claude/commands && curl -fsSL https://raw.githubusercontent.com/yanacuti1121/Yana-AI/HEAD/.claude/commands/arch-diagram.md -o ~/.claude/commands/yanacuti1121-yana-ai-arch-diagram.md Restart Claude Code, or start a new session, for it to be picked up.
What Arch Diagram does
Generate Mermaid diagrams from codebase analysis or description.
Steps
- Determine the diagram type from the argument or context:
flowchart- Process flows, request handling, business logic.sequenceDiagram- API call sequences, service interactions.classDiagram- Module structure, class relationships.erDiagram- Database schema, entity relationships.graph- Dependency trees, module relationships.stateDiagram-v2- State machines, workflow state
Alternatives in Development
- Use Google Gamini — Using Gemini CLI for Large Codebase Analysis 220 ★
- Arch Init — /arch-init — Bootstrap idempotent (projets vides + scaffolding DB) 193 ★
- Deep Dive Claude Code — 《深入理解 Claude Code 源码》— 系统剖析 Anthropic Claude Code CLI 的架构设计、工程实践与编程哲学 25 chapters, 101 Mermaid diagrams, 467 c 181 ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Codebase To Mermaid
Map any codebase into validated Mermaid diagrams with file:line citations
Repo Cartographer
🗺️ One prompt, any codebase → architecture map. An agent skill that generates Mermaid diagrams, a traced core
Diagram Skill
Generate architecture diagrams from any codebase with a single Claude Code command. Zero dependencies.
Al Explain Diagram
Explain a topic scaled to an audience, with a simple Mermaid flowchart or sequence diagram alongside the text
Oop Architect
A Claude Code skill for OOP architecture planning and tracking — live Mermaid UML diagrams in CLAUDE.md that u
Obsidian Viz
Obsidian visualization skill for OpenClaw - generate Excalidraw, Mermaid, and Canvas diagrams from text or ima
Related Agents
Doc Diagrammer
Use this agent to create readable, focused Mermaid diagrams embedded directly in markdown documentation. Featu
Diagram Generation
Diagram generation expert for draw.io, PlantUML, and Mermaid — use proactively when creating architecture diag
Mermaid Expert
Create Mermaid diagrams for flowcharts, sequences, ERDs, and architectures. Masters syntax for all diagram typ