Create and edit JSON Canvas (.canvas) documents with valid nodes and edges.
npx skills add https://github.com/Shallow-W/llm-wiki --skill json-canvas-shallow-w
Please help me install this Agent Skill. Skill: json-canvas Source: https://github.com/Shallow-W/llm-wiki/tree/main/.claude/skills/json-canvas Command: npx skills add https://github.com/Shallow-W/llm-wiki --skill json-canvas-shallow-w
It solves the problem of manually creating and maintaining structured visual diagrams by letting you generate and edit JSON Canvas (.canvas) files with correct node/edge wiring and valid IDs.
nodes and edges arrays to match JSON Canvas Spec 1.0.text, file, link, or group nodes with positions, dimensions, optional colors, and content.fromNode/toNode IDs with optional sides, arrow ends, and labels..canvas files.Create a new file named diagram.canvas using the base structure {"nodes": [], "edges": []} and ask the skill to add nodes and connect them into a flowchart with validated IDs.
High-intent search queries and answers about installing and using this skill.
To create a valid JSON Canvas file, start with a base structure containing empty nodes and edges arrays, then add text, file, link, or group nodes with positions and dimensions to build your Obsidian canvas diagram.
You connect nodes in a .canvas flowchart by creating edges that reference valid 16-character hex IDs in their fromNode and toNode fields, ensuring the diagram conforms to the JSON Canvas spec.
When building a mind map with JSON Canvas, you can use text, file, link, and group node types, assigning each node specific positions, dimensions, optional colors, and content.
Yes, you can use JSON Canvas to generate project boards and research canvases by structuring diagram nodes and edges into valid arrays that conform to the JSON Canvas 1.0 specification.
A .canvas file fails to render in Obsidian when the JSON output is unparseable, or when nodes and edges lack valid types, consistent 16-character hex IDs, or correct fromNode and toNode references.
No external dependencies are required to edit JSON Canvas diagrams; you only need to generate parseable JSON output that correctly positions nodes and connects edges according to the JSON Canvas spec.
jpjednorskiCreate and edit JSON Canvas files with nodes and edges.
pixbConvert plain text into structured Obsidian Canvas JSON files.
iwbc-mzkCreates and edits JSON Canvas files with nodes and edges.
officechbusinessservices-creatorCreate and edit JSON Canvas files with nodes, edges, and validation.