diagramming-code
CommunityTurn code graphs into Mermaid diagrams fast.
Software Engineering#mermaid#generate#call graph#dependency mapping#code visualization#architecture diagram#data flow analysis
Authorayehiaa
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill helps you visualize complex code architecture by converting a code graph into clear Mermaid diagrams that communicate relationships, structure, and risk-relevant data flows.
Core Features & Use Cases
- Generates Mermaid diagrams from Trailmark code graphs covering call graphs, class hierarchies, module dependency maps, containment structure, complexity heatmaps, and data-flow/attack-surface visualizations.
- Guided diagram selection by intent so the requested view maps to an appropriate diagram type and parameters like focus and depth.
- Accuracy-first approach that relies on Trailmarkās parsed graph instead of hand-crafted Mermaid from raw source inspection.
Quick Start
Ask the assistant to run the diagramming script on your target directory to generate a Mermaid call graph focused on your entry function, wrapped for rendering as a Mermaid diagram.
Dependency Matrix
Required Modules
trailmark
Components
scriptsreferences
š» Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: diagramming-code Download link: https://github.com/ayehiaa/my-travel-assistant/archive/main.zip#diagramming-code Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.