amvcp-diag-network

What problem does it solve?

It helps you turn complex relationships—like flows, mind maps, and hierarchies—into a clear visual that you can review and select from quickly.

Core Features & Use Cases

• Clickable node/edge selection atoms: every node and edge is designed to return an identifiable selection to the agent for downstream decisions.
• Multiple hierarchy archetypes: sankey proportional flows (with conservation discipline), radial mind maps (branch quadrants by role), and tree hierarchies (org/file/class structures).
• Defensive scene-graph rendering with theming tokens: uses shared JSON scene-graph structure and consumes design tokens via safe fallbacks for reliable styling.
• In-scope guardrails: includes guidance on when to use each archetype and how to validate common diagram errors (e.g., sankey conservation, tree acyclicity).

Quick Start

Use this skill to render a network or hierarchy diagram by drafting the scene graph for a chosen archetype (sankey, mind map, or tree) as a ve-scene-graph JSON payload and then opening the resulting HTML page.