skills.rest
tsemana
tsemanaCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

json-canvas

Create and edit JSON Canvas files with nodes and edges.

Updated Mar 9, 2026
Search Tags:#visualization#canvas#diagram#mind-map#json-canvas#nodes-edges
One-click install
npx skills add https://github.com/tsemana/obsidian-productivity --skill json-canvas-tsemana
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: json-canvas
Source: https://github.com/tsemana/obsidian-productivity/tree/main/plugin/skills/json-canvas
Command: npx skills add https://github.com/tsemana/obsidian-productivity --skill json-canvas-tsemana

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

JSON Canvas files provide a lightweight, portable way to model diagrams directly in notes. This skill guides you in creating and editing .canvas files with nodes, edges, and groups to visualize ideas like mind maps, flowcharts, and project boards.

Core Features & Use Cases

  • Create, validate, and edit .canvas files containing nodes and edges.
  • Build diagrams using text, file, link, and group nodes, and organize them with groups.
  • Validate references and structure to keep canvases consistent and navigable.

Quick Start

Create a new .canvas file with a base structure and add a few nodes and at least one edge to connect them.

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 to visualize a mind map?▼

To create a JSON Canvas file, you define a base structure containing nodes and edges to visualize ideas. You can build diagrams using text, file, link, and group nodes, then organize them with groups for a structured view.

What types of diagrams can I build using JSON Canvas?▼

JSON Canvas supports building mind maps, flowcharts, project diagrams, and knowledge graphs within note systems. It provides a lightweight, portable way to model these diagrams directly using nodes and edges.

How do I validate references and IDs in a .canvas file?▼

Validating references and IDs in a .canvas file involves enforcing the JSON Canvas structure to keep canvases consistent and navigable. This deterministic workflow ensures all node connections remain intact and error-free.

Can I use JSON Canvas for project boards and flowcharts in my notes?▼

Yes, JSON Canvas is designed for modeling diagrams like project boards and flowcharts directly in notes. It enables rapid canvas construction by combining text, file, and link nodes connected with edges.

What is the best way to organize nodes and edges in a knowledge graph?▼

The best way to organize nodes and edges in a knowledge graph is by using group nodes to cluster related items. Enforcing the JSON Canvas structure and validating references ensures your diagram remains consistent and navigable.

Related Skills

Explore More Design & Creative Skills→
diegocamara89diegocamara89
3

json-canvas

Define and manipulate JSON Canvas files with nodes and edges per Spec 1.0.

Community
Advanced
EmaRimoldiEmaRimoldi

obsidian-literature-workflow

Consolidate Obsidian literature notes and Zotero metadata into unified project memory.

Community
Intermediate
TreasoniTreasoni

json-canvas

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

Community
Intermediate
zephyrwang6zephyrwang6
333

json-canvas

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

Community
Basic