ac-diagram

Generate Mermaid diagrams for software architecture, call flows, and business mappings.

6|2|Updated Jan 9, 2026

Search Tags:#architecture #mermaid #diagram #code-structure #call-flow #business-mapping

Ready to run

npx skills add https://github.com/yz0812/ai-dev-toolkit --skill ac-diagram

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: ac-diagram
Source: https://github.com/yz0812/ai-dev-toolkit/tree/main/skills/ac-diagram
Command: npx skills add https://github.com/yz0812/ai-dev-toolkit --skill ac-diagram

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Visualizing complex software architectures, including code structure, call flows, and business mappings, is challenging and error-prone without diagrams.

Core Features & Use Cases

Generate architecture diagrams showing modules, dependencies, and boundaries.
Produce call-flow diagrams that illustrate who calls whom and in what order.
Create business mapping diagrams linking actions to code implementations, with Mermaid source ready for integration.
Export Mermaid diagrams to local formats or shareable links when requested.
Supports focused scopes and multi-diagram outputs to keep diagrams readable.

Quick Start

Generate Mermaid diagrams for the specified scope (code structure, call flow, and business mapping) and return the Mermaid source by default.

Frequently Asked Questions about ac-diagram

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

FAQPage Schema

How do I generate Mermaid diagrams for software architecture and call flows?▼

You generate Mermaid diagrams by providing code context to define the scope. It parses the code to output architecture, call-flow, and business mapping diagrams in Mermaid syntax source.

What is the best way to visualize business-to-technical mappings in a large codebase?▼

The best way to visualize business-to-technical mappings is by creating focused business mapping diagrams. This links business actions to code implementations using Mermaid syntax for engineering teams.

Can I export Mermaid diagrams to local formats or shareable links?▼

Yes, you can export Mermaid diagrams to local formats or shareable links. This optional local export is handled through mermaid-live when explicitly requested after generating the source.

How do I keep Mermaid architecture diagrams readable when analyzing large codebases?▼

To keep Mermaid architecture diagrams readable in large codebases, use focused scopes and multi-diagram outputs. This breaks down complex modules and dependencies into separate, readable visualizations.

Does this require any specific diagramming dependencies or components to function?▼

No specific dependencies or components are required to function. It relies on parsing code context directly to produce Mermaid syntax, requiring no external libraries to generate the diagram source.

Why use Mermaid for visualizing code structure instead of other diagramming tools?▼

Using Mermaid for visualizing code structure provides source-ready text diagrams that integrate directly into documentation. It focuses on mapping module boundaries and call relationships without external visual editors.