Create and edit JSON Canvas files with nodes, edges, and groups.
npx skills add https://github.com/Zpankz/mcp-skillset --skill json-canvas-zpankz
Please help me install this Agent Skill. Skill: json-canvas Source: https://github.com/Zpankz/mcp-skillset/tree/main/json-canvas Command: npx skills add https://github.com/Zpankz/mcp-skillset --skill json-canvas-zpankz
Create and edit JSON Canvas files (.canvas) to model complex visual canvases, mind maps, and diagrams within Obsidian-friendly formats.
Create a new JSON Canvas file and add a simple text node connected by an edge to get started.
High-intent search queries and answers about installing and using this skill.
To create a JSON Canvas file, you define a valid structure with nodes and edges to model visual ideas, mind maps, and workflows. You can add text, file, link, and group nodes connected by edges to build the canvas.
The JSON Canvas spec supports text, file, link, and group nodes for diagrams. You can also organize these canvas elements using z-index ordering and color metadata to ensure clarity in complex visual workflows.
Yes, you can design a project dashboard by laying out nodes and connections to represent tasks, files, and links. Grouping nodes and applying z-index ordering helps structure the visual canvas effectively.
You edit a .canvas file by modifying its JSON structure to include color metadata and group nodes. This enforces a valid canvas structure while allowing you to organize ideas and typed nodes for better visual clarity.
The best way to structure edges in a JSON Canvas diagram is to define them alongside your nodes array. You connect typed nodes using these edges to accurately represent relationships and workflows within the canvas spec.
diegocamara89Define and manipulate JSON Canvas files with nodes and edges per Spec 1.0.
jpjednorskiCreate and edit JSON Canvas files with nodes and edges.
iwbc-mzkCreates and edits JSON Canvas files with nodes and edges.
koukoConverts plain text into Mermaid diagrams for documentation workflows.
