Generate Mermaid diagrams for software architecture, call flows, and business mappings.
npx skills add https://github.com/yz0812/ai-dev-toolkit --skill ac-diagram
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
Visualizing complex software architectures, including code structure, call flows, and business mappings, is challenging and error-prone without diagrams.
Generate Mermaid diagrams for the specified scope (code structure, call flow, and business mapping) and return the Mermaid source by default.
High-intent search queries and answers about installing and using this skill.
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.
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.
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.
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.
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.
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.
manuelbrandner85Generate Mermaid diagrams from Trailmark code graphs.
ahgraberGenerate and locally render Mermaid diagrams for chatbot flows.
web-infra-devTrace Rust function calls and convert them to perfetto protobuf traces.
erichowensCreate text-based diagrams using ASCII/Unicode box-drawing characters.
