amvcp-graph-diagrams
CommunityBuild clickable Mermaid and Graphviz diagrams.
Design & Creative#mermaid#diagram generation#architecture visualization#graphviz#interactive html#click selection#dot + latex
AuthorEmasoft
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Turns diagram generation into an interactive experience where users can click individual nodes and edges and immediately send precise selections back to the agent.
Core Features & Use Cases
- Mermaid diagram authoring with clickable nodes: Create flowcharts, sequences, ER diagrams, state diagrams, mindmaps, class diagrams, and C4-style flow layouts with selectable elements.
- Graphviz directed graphs via .ve-graph: Render DOT-based graphs with zoom/pan and semantic click wiring for nodes and edges.
- Typed click-to-selection wiring: Ensures each node/edge click returns an actionable selection payload to the agent.
- LaTeX-ready labels: Supports math labels in DOT using $...$ with KaTeX post-processing for clean, exportable figures.
- Guided engine selection and troubleshooting: Recommends Mermaid vs Graphviz based on graph size and provides handling for common rendering pitfalls.
Quick Start
Generate an interactive diagram by asking for an architecture, flowchart, sequence, ER, state machine, or mindmap and include Mermaid/Graphviz keywords (or run the command /amvcp-generate-web-diagram).
Dependency Matrix
Required Modules
None requiredComponents
references
💻 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: amvcp-graph-diagrams Download link: https://github.com/Emasoft/ai-maestro-visual-communicator-plugin/archive/main.zip#amvcp-graph-diagrams 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.