Create and edit JSON Canvas diagrams with nodes, edges, and groups.
npx skills add https://github.com/thimslugga/agent-skills --skill json-canvas-thimslugga
Please help me install this Agent Skill. Skill: json-canvas Source: https://github.com/thimslugga/agent-skills/tree/main/skills/obsidian/json-canvas Command: npx skills add https://github.com/thimslugga/agent-skills --skill json-canvas-thimslugga
Create and edit JSON Canvas diagrams (.canvas) with nodes, edges, groups, and connections. Use when working with .canvas files, creating visual canvases, mind maps, flowcharts, or when the user mentions Canvas files in Obsidian.
Create a new canvas file with the base structure {"nodes": [], "edges": []} and begin adding nodes and edges with unique IDs.
High-intent search queries and answers about installing and using this skill.
To create a JSON Canvas file, initialize a .canvas file with the base structure {"nodes": [], "edges": []} and begin adding nodes and edges with unique 16-character IDs, adhering to the JSON Canvas Spec 1.0.
The JSON Canvas structure for flowcharts requires top-level arrays for "nodes" and "edges". Nodes need specific attributes like id, type, x, y, width, and height, while edges define connections using fromNode, toNode, fromSide, and toSide.
Yes, the canvas diagram generator validates the JSON structure and ensures all edge references point to existing nodes. It also generates unique 16-character IDs for all nodes and edges to maintain reference integrity.
Yes, you can structure nodes, edges, and groups for visual planning tasks. It supports workflows like adding nodes, connecting nodes, and editing existing canvases for mind maps and flowcharts.
The best way to edit an existing .canvas file is to ensure adherence to the JSON Canvas Spec 1.0, use unique 16-character IDs for any new nodes or edges, and validate that all edge references correctly point to existing nodes.
Broken references in a JSON Canvas diagram occur when edges do not reference existing nodes. The Skill validates reference integrity by ensuring all edge connections point to valid, unique 16-character node IDs within the canvas structure.
jpjednorskiCreate and edit JSON Canvas files with nodes and edges.
fantay0312Generate valid JSON Canvas structures with nodes and edges arrays.
zephyrwang6Create and edit JSON Canvas .canvas files with nodes, edges, and groups.
woosulCreate and manage JSON Canvas files with nodes, edges, and validation.
