Download for MacApple silicon, macOS 14+
Skill

json-canvas

@kepano Updated 2026-11-11

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.

agentsagentskillsbasesclaudeclawdbotclicodexdefuddle

Install

With your agent

Install OMGSkills skill "kepano/obsidian-skills:json-canvas" into this agent's normal skills directory: call the OMGSkills MCP get_install_plan tool for your agent and run the script it returns (it installs only the pinned commit and verifies SKILL.md), and stop if MCP or the pin is unavailable. Do not overwrite or change existing skills without asking me.

Manual command

git clone https://github.com/obsidianmd/obsidian-skills /tmp/obsidian-skills && ln -s /tmp/obsidian-skills/plugins/obsidian/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.