json-canvas

# JSON Canvas This skill enables Claude Code to create and edit valid JSON Canvas files (`.canvas`) used in Obsidian and other applications. ## Overview JSON Canvas is an open file format for infinite canvas data. Canvas files use the `.canvas` extension and contain valid JSON following the JSON Canvas Spec 1.0. ## When to Use This Skill - Creating or editing .canvas files in Obsidian - Building visual mind maps or flowcharts - Creating project boards or planning documents - Organizing notes visually with connections - Building diagrams with linked content ## File Structure A canvas file contains two top-level arrays: ```json { "nodes": [], "edges": [] } ``` - `nodes` (optional): Array of node objects - `edges` (optional): Array of edge objects connecting nodes ## Nodes Nodes are objects placed on the canvas. There are four node types: - `text` - Text content with Markdown - `file` - Reference to files/attachments - `link` - External URL - `group` - Visual container for other nodes ### Z-Index Ordering First node = bottom layer (displayed below others) Last node = top layer (displayed above others) ### Generic Node Attributes | Attribute | Required | Type | Description | |-----------|----------|------|-------------| | `id` | Yes | string | Unique identifier for the node | | `type` | Yes | string | Node type: `text`, `file`, `link`, or `group` | | `x` | Yes | integer | X position in pixels | | `y` | Yes | integer | Y position in pixels | | `width` | Yes | in...