json-canvas

Create and edit JSON Canvas files with valid nodes, edges, and IDs.

17|Updated Feb 19, 2026
One-click install
npx skills add https://github.com/ivanrvpereira/.agents --skill json-canvas-ivanrvpereira
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: json-canvas
Source: https://github.com/ivanrvpereira/.agents/tree/main/skills/json-canvas
Command: npx skills add https://github.com/ivanrvpereira/.agents --skill json-canvas-ivanrvpereira

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps you create and maintain valid JSON Canvas (.canvas) files without breaking the JSON structure or creating broken node/edge references.

Core Features & Use Cases

  • Create canvases from scratch with the required nodes and edges structure.
  • Add and connect nodes using correct ID relationships and optional edge labeling/anchors.
  • Edit existing canvases safely by updating node/edge attributes while preserving ID integrity.
  • Validate for correctness by checking unique IDs, resolved references, required fields by node type, and valid enums for sides/ends.

Quick Start

Create or update your .canvas file by generating unique node IDs, adding node objects with correct required fields, and wiring them together with edges that reference existing node IDs.

Frequently Asked Questions about json-canvas

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create an Obsidian canvas file with valid nodes and edges?

To create an Obsidian canvas file, generate unique 16-hex identifiers for each node, define required node attributes, and wire connections using edges that reference existing node IDs to ensure strict JSON schema compliance.

What is JSON Canvas schema compliance for mind maps and flowcharts?

JSON Canvas schema compliance requires valid JSON structure, unique 16-hex node identifiers, resolved fromNode and toNode references, correct required fields per node type, and valid enum values for sides and ends to prevent broken canvas references.

How do I edit existing .canvas files without breaking node or edge references?

Edit existing .canvas files safely by updating node and edge attributes while preserving existing ID integrity. The Skill ensures fromNode and toNode references remain resolved and unique 16-hex identifiers stay intact during attribute modifications.

Why does my Obsidian canvas show broken node connections after editing?

Broken node connections occur when edge references become invalid due to incorrect fromNode or toNode values. Validating your JSON Canvas file checks for resolved reference integrity, unique 16-hex IDs, and correct edge attributes to fix broken links.

Can I use JSON Canvas to build project boards in Obsidian?

Yes, you can build project boards in Obsidian using JSON Canvas. The Skill supports creating and editing .canvas files by managing nodes, edges, and IDs safely, targeting workflows like project boards, mind maps, and flowcharts.

What are the limitations of editing JSON Canvas files for Obsidian?

Editing JSON Canvas files requires strict JSON validity, unique 16-hex identifiers, correct fromNode and toNode reference integrity, and allowed node and edge attribute types. Failing these schema constraints results in invalid canvas files that Obsidian cannot render.