skills.rest
triodelab
triodelabCOMMUNITY
Explore all skills by this author →
GitHub

json-canvas

Create and edit JSON Canvas files with nodes and edges per Spec 1.0.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Create and edit JSON Canvas files (.canvas) containing two top-level arrays following the JSON Canvas Spec 1.0: nodes and edges, enabling you to model diagrams like mind maps and flowcharts in Obsidian or other tools.

Core Features & Use Cases

  • Create a new canvas with nodes and edges following the JSON Canvas Spec 1.0.
  • Add, edit, and organize text, file, link, and group nodes, plus connect them with edges.
  • Validate structure and IDs to ensure correctness and ease of collaboration.
  • Use examples to learn common patterns and best practices for layout and validation.

Quick Start

Use the json skill to extract all text from the attached file 'invoice-q3.pdf'.

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 with nodes and edges for Obsidian?▼

To create a JSON Canvas file, construct a canvas object containing top-level nodes and edges arrays following the JSON Canvas Spec 1.0. You can add text, file, link, and group nodes, then connect them with validated edges to build diagrams like mind maps and flowcharts in Obsidian.

What is the JSON Canvas Spec 1.0 format used for?▼

The JSON Canvas Spec 1.0 format is used to model visual diagrams like mind maps, flowcharts, project boards, and research canvases. It structures data into top-level nodes and edges arrays, enabling compatible tools like Obsidian to render and edit visual relationships.

Can I use JSON Canvas to build flowcharts and mind maps in Obsidian?▼

Yes, you can use JSON Canvas to build flowcharts and mind maps in Obsidian. The format supports connecting text, file, link, and group nodes with edges, allowing you to visually structure and connect complex information directly within your notes.

How do I validate node and edge references in a JSON Canvas file?▼

Validating node and edge references in a JSON Canvas file involves checking that every edge has valid fromNode and toNode references. The format enforces 16-character IDs for all nodes to ensure structural correctness and reliable connections across the canvas.

What are the limitations of editing JSON Canvas files programmatically?▼

When editing JSON Canvas files programmatically, you must adhere to strict structural limitations, including using exactly 16-character IDs and validating fromNode and toNode references. Failing to follow the JSON Canvas Spec 1.0 structure will result in broken diagrams or incompatible canvas files.

Related Skills

Explore More Design & Creative Skills→
cocyuhaococyuhao
1

json-canvas

Create and validate JSON Canvas files with nodes and edges per Spec 1.0.

Community
Intermediate
lucasbenevinutolucasbenevinuto

json-canvas

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

Community
Intermediate
anbeimeanbeime
5.0k

json-canvas

Create and edit JSON Canvas files with nodes and edges.

Community
Intermediate
Tx1207Tx1207
5

json-canvas

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

Community
Intermediate