amvcp-diag-flow
CommunityTurn processes into click-ready flow diagrams.
Design & Creative#data flow#decision tree#diagram generation#process mapping#scroll reveal#swimlane diagram#interactive svg
AuthorEmasoft
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill helps you convert step-by-step procedures, decision pathways, and data movement stories into clear, interactive diagrams so readers can quickly understand flow and take action by clicking parts of the diagram.
Core Features & Use Cases
- Process/flow archetypes: Generate self-contained diagrams for process-flow, swimlanes, decision trees, step strips, scroll-reveal flows, fan-out/fan-in topologies, data-flow (sync vs async), FIFO queue snapshots, and optional animated edges.
- Interactive click-to-select atoms: Every node and edge is selectable, enabling the agent to receive structured selection payloads for follow-up actions and contextual comments.
- Robust, theme-aware rendering: Uses a JSON scene-graph engine (SVG + IntersectionObserver) with defensive token handling and safe fallbacks when browser capabilities are missing.
Quick Start
Create a process-flow diagram by asking for a diagram with numbered steps and decision branching, then open the generated HTML in your Chromium-based dev browser via the plugin root scripts.
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-diag-flow Download link: https://github.com/Emasoft/ai-maestro-visual-communicator-plugin/archive/main.zip#amvcp-diag-flow 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.