json-canvas — Skills — getagentictools

What it does

nodes (optional): Array of node objects

edges (optional): Array of edge objects connecting nodes

Coordinates can be negative (canvas extends infinitely)

x increases right, y increases down; position is the top-left corner

Space nodes 50-100px apart; leave 20-50px padding inside groups

Align to grid (multiples of 10 or 20) for cleaner layouts

JSON Canvas Spec 1.0

Create and edit JSON Canvas files with nodes, edges, groups, and visual connections.

Source

Repository: https://github.com/kepano/obsidian-skills

json-canvas FAQ

What does the json-canvas skill do?

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. nodes (optional): Array of node objects edges (optional): Array of edge objects connecting nodes

How do I install json-canvas?

Run: npx -y skills add https://github.com/kepano/obsidian-skills --skill json-canvas --agent claude-code — the source lives at github.com/kepano/obsidian-skills.

Maintain json-canvas?

Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.

[![json-canvas on getagentictools](https://getagentictools.com/badge/skills/kepano-obsidian-skills-json-canvas.svg)](https://getagentictools.com/skills/kepano-obsidian-skills-json-canvas?ref=badge)

npx agentictools info skills/kepano-obsidian-skills-json-canvas

The second line is the CLI lookup for this page — handy in READMEs and docs.