json-canvas

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

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill enables teams and note-takers to generate, edit, and validate JSON Canvas files (.canvas) quickly, turning ideas into portable visual canvases for mind maps, flowcharts, and diagrams.

Core Features & Use Cases

  • Structured canvases: Create files with nodes and edges that model ideas, tasks, and relationships.
  • Node variety: Use text, file, link, and group nodes with positional data and sizing.
  • Interoperability: Follow the JSON Canvas Spec 1.0 for compatibility across tools like Obsidian.
  • Use Case: Build a project mind map with grouped sections and connections to related files and links.

Quick Start

Create a new canvas with a single text node and an edge to a link node to illustrate a simple diagram.

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 JSON Canvas file for Obsidian?

JSON Canvas files (.canvas) are visual diagram formats used in Obsidian to create mind maps, flowcharts, and structured notes. This Skill generates valid .canvas files by defining nodes (text, file, link, group), edges connecting them, positioning, sizing, and color attributes according to the JSON Canvas Spec 1.0, enabling portable diagrams across compatible applications.

What node types and structures does JSON Canvas support?

JSON Canvas supports four node types: text nodes for labels, file nodes linking to documents, link nodes for external URLs, and group nodes for organizing related items. Each node includes positional data, sizing, and optional color attributes. Edges define relationships between nodes with z-index ordering to control layering.

Can I generate flowcharts and mind maps programmatically?

Yes. This Skill enables agents to programmatically create and edit flowcharts and mind maps by constructing JSON Canvas structures with nodes, edges, groups, and color presets. It enforces schema validation, ensuring generated diagrams are compatible with Obsidian and other JSON Canvas-compliant tools.

How do I validate a JSON Canvas file structure?

This Skill enforces the JSON Canvas Spec 1.0 schema during creation and editing, validating node types, edge definitions, z-index ordering, and color presets automatically. It ensures files conform to the standard, preventing compatibility issues when importing into Obsidian or other applications.

What are the limitations when working with JSON Canvas files?

JSON Canvas has a Basic implementation depth, meaning it covers core node and edge structures but may not support advanced scripting, complex asset management, or all optional extensions. For specialized use cases requiring custom scripts or extensive asset handling, additional tools may be necessary.

Is JSON Canvas interoperable across different note-taking tools?

JSON Canvas follows Spec 1.0 for broad compatibility. This Skill generates standard-compliant .canvas files usable in Obsidian and other applications supporting the format. Interoperability depends on each tool's implementation of the JSON Canvas specification.