skills.rest
zavoryn
zavorynCOMMUNITY
Explore all skills by this author →
GitHub

json-canvas

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

1|Updated May 20, 2026
Search Tags:#obsidian#flowchart#mind map#diagram#json canvas#visual notes
One-click install
npx skills add https://github.com/zavoryn/java-notes --skill json-canvas-zavoryn
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: json-canvas
Source: https://github.com/zavoryn/java-notes/tree/main/_skills/obsidian-skills/skills/json-canvas
Command: npx skills add https://github.com/zavoryn/java-notes --skill json-canvas-zavoryn

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill removes the friction of manually creating and maintaining Obsidian JSON Canvas files by giving you a reliable way to structure nodes, connections, and layouts.

Core Features & Use Cases

  • Canvas Creation: Create valid .canvas files with text, file, link, and group nodes.
  • Canvas Editing: Add nodes, connect existing nodes, and update layouts while preserving JSON integrity.
  • Visual Knowledge Workflows: Build mind maps, flowcharts, research boards, project canvases, and linked note visualizations for Obsidian.
  • Validation Support: Check node IDs, edge references, and spec-compliant fields so canvases remain loadable in Obsidian.

Quick Start

Use the json-canvas skill to create a new Obsidian canvas that maps my notes into a simple mind map.

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?▼

Creating an Obsidian JSON Canvas file involves generating a .canvas file containing spec-compliant node and edge JSON structures with unique IDs and resolved connections for text, file, link, and group nodes.

Can I connect existing notes into a mind map using the Obsidian canvas format?▼

Yes, you can link existing notes into a mind map by editing the .canvas file to add nodes and connect them with valid edges, preserving JSON integrity while mapping research boards and visual notes.

What is the JSON Canvas format used for in visual knowledge workflows?▼

The JSON Canvas format structures visual knowledge workflows like mind maps, flowcharts, and project canvases by defining valid node and edge JSON structures that remain loadable in Obsidian.

Does this approach to building Obsidian canvases validate node IDs and edge references?▼

Yes, building Obsidian canvases includes validation support to check node IDs, edge references, and spec-compliant fields, ensuring the .canvas files remain loadable without broken connections.

What types of nodes can I add when building flowcharts in a .canvas file?▼

When building flowcharts in a .canvas file, you can add text, file, link, and group nodes, each requiring spec-compliant JSON structures and unique IDs to render correctly in Obsidian.

Why does my Obsidian canvas fail to load after editing the JSON?▼

Obsidian canvas files fail to load when the JSON lacks valid node and edge structures, has duplicate IDs, or contains unresolved connections, which validation checks are designed to catch and prevent.

Related Skills

Explore More Design & Creative Skills→
JNZaderJNZader

obsidian-resource-capture

Capture URLs and resources into structured Obsidian notes with summaries.

Community
Intermediate
songzhuozhusongzhuozhu
118

json-canvas

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

Community
Intermediate
TreasoniTreasoni

json-canvas

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

Community
Intermediate
heyitsnoahheyitsnoah
2.6k

json-canvas

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

Community
Intermediate