skills.rest
Emasoft
EmasoftCOMMUNITY
Explore all skills by this author →
Websiteđť•Ź@fmuaddibGitHub

amvcp-diag-network

Generate network and hierarchy diagrams from JSON scene-graph documents.

Updated May 8, 2026
Search Tags:#mind map#sankey#network diagram#data selection#scene graph#interactive svg#tree hierarchy
One-click install
npx skills add https://github.com/Emasoft/ai-maestro-visual-communicator-plugin --skill amvcp-diag-network
Or copy as Structured Prompt for Agentâ–Ľ
Please help me install this Agent Skill.
Skill: amvcp-diag-network
Source: https://github.com/Emasoft/ai-maestro-visual-communicator-plugin/tree/main/skills/amvcp-diag-network
Command: npx skills add https://github.com/Emasoft/ai-maestro-visual-communicator-plugin --skill amvcp-diag-network

SYSTEM DOCUMENTATION & REQUIREMENTS

đź’ˇ This Skill includes references (resource) components.

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.

Frequently Asked Questions about amvcp-diag-network

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create an interactive SVG network diagram with clickable nodes?â–Ľ

You can create interactive SVG network diagrams by drafting a JSON scene-graph payload that renders into an HTML page with clickable selection atoms on every node and edge for agent interaction.

What is the best way to visualize proportional flow data with conservation rules?â–Ľ

A sankey diagram is the best way to visualize proportional flow data with conservation discipline, and you can generate one by providing a JSON scene-graph that maps magnitude bands of flow to be rendered as a themed SVG.

How do I generate a clickable org chart or file tree hierarchy?â–Ľ

You generate a clickable org chart or file tree by defining a top-down tree structure within a JSON scene-graph document, which renders as an interactive SVG where each node returns identifiable selections for review.

Does this diagram tool require a specific input format to render a mind map?â–Ľ

Yes, rendering a radial mind map requires a JSON scene-graph document that structures branching concept maps by role quadrants, which the skill then processes into a themed interactive SVG visualization.

What are the limitations when building sankey and tree hierarchy diagrams?â–Ľ

Limitations include strict sankey conservation rules and tree acyclicity requirements; the skill includes defensive guardrails to validate these common diagram errors, meaning malformed scene-graph inputs will be rejected.

Related Skills

Explore More Design & Creative Skills→
EmasoftEmasoft

amvcp-diagram

Generate themed, selectable SVG diagrams from JSON scene graphs.

Community
Advanced
EmasoftEmasoft

amvcp-graph-diagrams

Generates interactive Mermaid and Graphviz HTML diagrams with node/edge click-to-select payloads for agents.

Community
Intermediate
heximaoheximao

architecture-diagram

Generate dark-themed SVG architecture diagrams as HTML files.

Community
Intermediate
EmasoftEmasoft

amvcp-diag-architecture

Render interactive architecture and dependency diagrams from JSON scene-graphs.

Community
Intermediate