Verified:GitHub

arch-visualizer

Name: arch-visualizer
Availability: InStock
Author: monicajeon28

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

Ready to run

npx skills add https://github.com/monicajeon28/GMcruise --skill arch-visualizer

💬 Prompt for ChatGPT / Claude Chat▼

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.