yanacuti1121

Arch Diagram — Development skill for Claude Code

Development community

Generate Mermaid diagrams from codebase analysis or description.

How to install Arch Diagram

Installs to ~/.claude/commands/yanacuti1121-yana-ai-arch-diagram.md

Terminal
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

  1. 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 Repository