What problem does it solve?
This Skill solves the friction of creating and maintaining visual diagrams in Obsidian by generating correct JSON Canvas (.canvas) structure that includes nodes, edges, groups, and layout coordinates.
Core Features & Use Cases
- Create JSON Canvas files from scratch with the required top-level arrays (
nodes, edges) following the JSON Canvas Spec 1.0.
- Add and edit canvas elements by updating node/edge objects, positioning (including negative coordinates), grouping, and attributes like labels, colors, and anchors.
- Connect nodes reliably by producing edges that reference valid node IDs and by validating edge integrity after edits.
- Use Case: Turn brainstorming content into a mind map/flowchart inside Obsidian by placing text nodes, grouping related items, and drawing labeled connections between them.
Quick Start
Use the json-canvas skill to create a new .canvas JSON file with nodes, edges, and groups for a simple flowchart, then validate that all node and edge IDs and references are consistent.