skills.rest
monicajeon28
monicajeon28COMMUNITY
Explore all skills by this author →
GitHub

arch-visualizer

Generate module dependency, class, sequence, layer, component diagrams from codebase-graph data in Mermaid, PlantUML or ASCII formats.

Updated Aug 23, 2026
Search Tags:#architecture#mermaid#visualization#module#diagram#plantuml#dependency
One-click install
npx skills add https://github.com/monicajeon28/GMcruise --skill arch-visualizer
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: arch-visualizer
Source: https://github.com/monicajeon28/GMcruise/tree/main/.claude/skills/arch-visualizer
Command: npx skills add https://github.com/monicajeon28/GMcruise --skill arch-visualizer

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

코드베이스의 아키텍처를 문서화하고 다이어그램으로 시각화하는 작업이 수동으로 이뤄지며, 최신 상태로 유지되기 어렵습니다. codebase-graph 데이터를 바탕으로 자동 다이어그램을 생성합니다.

Core Features & Use Cases

  • 모듈 의존성 다이어그램 (Mermaid/PlantUML/ASCII)
  • 클래스 다이어그램, 호출 흐름 다이어그램, 레이어 다이어그램 자동 생성
  • 자동 갱신 및 문서화

Quick Start

codebase-graph 데이터로 자동 다이어그램을 생성하고, 필요 시 다양한 포맷으로 내보냅니다.

Frequently Asked Questions about arch-visualizer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automatically generate architecture diagrams from my codebase?▼

Architecture diagrams can be automatically generated from codebase-graph data in multiple formats—Mermaid, PlantUML, or ASCII—eliminating manual documentation work. The Skill produces module dependency, class, sequence, layer, and component diagrams that synchronize with code changes.

Can I export diagrams in different formats like Mermaid and PlantUML?▼

Yes, the Skill supports multi-format diagram output including Mermaid, PlantUML, and ASCII formats. You can choose the format that best fits your documentation workflow and tooling preferences.

What types of diagrams can be generated from a codebase graph?▼

Module dependency, class, sequence, layer, and component diagrams can all be generated. These diagrams are created automatically from codebase-graph data to visualize architecture relationships and structure.

How do I keep architecture documentation synchronized with code changes?▼

The Skill automates diagram regeneration from codebase-graph data, ensuring documentation stays current as the codebase evolves. This eliminates manual updates and keeps diagrams aligned with actual code structure.

When should I use architecture visualization for refactoring or onboarding?▼

Architecture visualization is essential during refactoring to understand module dependencies and during onboarding to help new developers grasp codebase structure. Automated diagrams provide accurate, up-to-date visual references without manual effort.

What input data format is required to generate architecture diagrams?▼

Codebase-graph data serves as the input for diagram generation. The Skill processes this structured representation to produce comprehensive architecture documents and visualizations.

Related Skills

Explore More Software Engineering Skills→
KakiseKakise
1

kitty:explore

Construct a navigable graph of modules, imports, definitions, and relationships.

Community
Intermediate
microsoftmicrosoft
2.9k

wiki-vitepress

Package wiki Markdown into a VitePress static site with dark theme and Mermaid diagrams.

Official
Advanced
thktthkt
11

documenting-architecture

Generate architecture overview Markdown and Mermaid diagrams from codebase analysis.

Community
Advanced
DocaariDocaari
1

system-architect

Generate versioned Mermaid architecture diagrams and ADRs from approved specs.

Community
Advanced