Download for macOS
Skill

json-canvas

@kepano 68k installs Trending #207 on Skills.Sh Updated 2026-06-08

Create and edit JSON Canvas files (.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.

claudeclawdbotclicodexdefuddleobsidianopenclawopencode

Install

git clone https://github.com/kepano/obsidian-skills /tmp/obsidian-skills && ln -s /tmp/obsidian-skills/skills/json-canvas ~/.claude/skills/json-canvas

From README

JSON Canvas Skill File Structure A canvas file (.canvas) contains two top-level arrays following the JSON Canvas Spec 1.0: nodes (optional): Array of node objects edges (optional): Array of edge objects connecting nodes Common Workflows Create a New Canvas Create a .canvas file with the base structure {"nodes": [], "edges": []} Generate unique 16-character hex IDs for each node (e.g., "6f0ad84f44ce9c17") Add nodes with required fields: id, type, x, y, width, height Add edges referencing valid node IDs via fromNode and toNode Validate: Parse the JSON to confirm it is valid.