skills.rest
ZhanlinCui
ZhanlinCuiCOMMUNITY
Explore all skills by this author →
GitHub

json-canvas

Create and edit JSON Canvas files with valid node and edge schemas.

178|24|Updated Jan 14, 2026
Search Tags:#obsidian#flowchart#visualization#create#mind map#json canvas
One-click install
npx skills add https://github.com/ZhanlinCui/Ultimate-Agent-Skills-Collection --skill json-canvas-zhanlincui
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: json-canvas
Source: https://github.com/ZhanlinCui/Ultimate-Agent-Skills-Collection/tree/main/json-canvas
Command: npx skills add https://github.com/ZhanlinCui/Ultimate-Agent-Skills-Collection --skill json-canvas-zhanlincui

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Creating and editing JSON Canvas files (.canvas) can be error-prone and tedious when done manually. This skill provides a reliable, automated way to generate and modify canvases that power mind maps, flowcharts, and visual dashboards in Obsidian and compatible tools.

Core Features & Use Cases

  • Create and edit JSON Canvas files with standard node and edge schemas.
  • Support node types: text, file, link, and group to build rich visuals.
  • Use cases include mind maps for project planning, flowcharts for processes, or visual boards for organizing notes.
  • Example: Generate a canvas that visualizes a software feature's components and their relationships, stored as a .canvas file.

Quick Start

Create a new canvas file named Project.canvas with a single text node describing the project.

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

To create a valid JSON Canvas file for Obsidian, define structured node and edge layouts that enforce the JSON Canvas schema, including unique IDs, valid node types like text or group, and proper edge definitions.

What is the JSON Canvas format used for in mind maps and flowcharts?▼

The JSON Canvas format is used for mind maps, flowcharts, and visual boards in Obsidian. It structures node and edge layouts across projects, enabling reliable visualization of components and their relationships without manual syntax errors.

Can I use text, file, and link nodes together in a single .canvas file?▼

Yes, you can use text, file, link, and group nodes together in a single .canvas file. The schema supports these node types to build rich visuals, allowing you to combine different elements within your structured canvas layout.

What is the best way to edit an existing .canvas file without breaking the schema?▼

The best way to edit an existing .canvas file without breaking the schema is to use automated validation that enforces unique IDs and proper edge definitions. This prevents the manual syntax errors that often corrupt Obsidian visual boards.

Why does my manually edited JSON Canvas show errors in Obsidian?▼

Your manually edited JSON Canvas shows errors in Obsidian because manual creation is error-prone and often violates the schema. Enforcing unique IDs, valid node types, and proper edge definitions ensures your .canvas file loads correctly.

Related Skills

Explore More Design & Creative Skills→
family3253family3253

kepano-json-canvas

Create and edit JSON Canvas files with nodes and edges for Obsidian.

Community
Intermediate
WizarckWizarck

json-canvas

Create and edit Obsidian JSON Canvas graphs with nodes, edges, and groups.

Community
Intermediate
SelogazSelogaz

json-canvas

Create and edit .canvas files with structured nodes and edges.

Community
Intermediate
dhar174dhar174
1

mermaid-diagrams

Generate flowcharts, sequence, class, ER, and Gantt diagrams from Mermaid syntax.

Community
Intermediate