json-canvas

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

333|83|Updated Jan 9, 2026
One-click install
npx skills add https://github.com/SpaceZephyr/myskill --skill json-canvas-spacezephyr
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: json-canvas
Source: https://github.com/SpaceZephyr/myskill/tree/main/obsidian-skills-main/json-canvas
Command: npx skills add https://github.com/SpaceZephyr/myskill --skill json-canvas-spacezephyr

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill removes the friction of manually constructing and validating JSON Canvas files, helping you create clean visual canvases without breaking the .canvas format.

Core Features & Use Cases

  • Canvas Authoring: Create valid canvas documents with text, file, link, and group nodes connected by edges.
  • Visual Organization: Build mind maps, flowcharts, project boards, and research layouts inside Obsidian or compatible canvas tools.
  • Validation Guidance: Follow the JSON Canvas 1.0 structure, required node fields, edge rules, color presets, and layout conventions.
  • Use Case: Turn a set of notes, attachments, and external links into a structured interactive canvas for planning or presentation.

Quick Start

Create a valid JSON Canvas file that organizes the provided content into connected nodes and edges with sensible layout and labels.

Frequently Asked Questions about json-canvas

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

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

To create an Obsidian canvas file, you structure text, file, link, and group nodes connected by edges following the JSON Canvas 1.0 specification. This ensures your visual outlines, mind maps, and flowcharts maintain valid layout constraints and unique IDs.

What is the JSON Canvas format used for in visual organization?

The JSON Canvas format is used to build infinite-canvas layouts like mind maps, flowcharts, and research boards within Obsidian. It defines valid structures for nodes, edges, groups, and connections, enabling interactive visual planning and presentation.

Can I edit existing canvas documents to add new file or link connections?

Yes, you can edit existing canvas documents by applying node and edge validation rules to add new file or link connections. This ensures any modifications to groups or visual layouts maintain the required JSON Canvas 1.0 structure and unique ID requirements.

Does the JSON Canvas 1.0 structure support color presets and side constraints for edges?

Yes, the JSON Canvas 1.0 structure explicitly supports color presets and side constraints for edges connecting nodes. Adhering to these validation rules guarantees that your canvas files render correctly without breaking the infinite-canvas layout format.

What's the best way to turn a set of notes and attachments into a structured interactive canvas?

The best way to turn notes and attachments into a structured interactive canvas is by generating valid JSON Canvas files with connected nodes and edges. This process applies sensible layout conventions and labels to organize content into visual outlines or project boards.

Why does my manually constructed canvas file break the Obsidian .canvas format?

Manually constructed canvas files often break the .canvas format due to missing required node fields, invalid edge rules, or duplicate IDs. Following JSON Canvas 1.0 validation guidance ensures your visual organization documents remain clean and structurally sound.