skills.rest
elliot200852-lab
elliot200852-labCOMMUNITY
Explore all skills by this author →
GitHub

json-canvas

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

Updated Aug 27, 2026
Search Tags:#nodes#flowchart#graph#diagram#edges#mind-map#json-canvas
One-click install
npx skills add https://github.com/elliot200852-lab/waldorf-teacher-os --skill json-canvas-elliot200852-lab
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: json-canvas
Source: https://github.com/elliot200852-lab/waldorf-teacher-os/tree/main/.agents/skills/json-canvas
Command: npx skills add https://github.com/elliot200852-lab/waldorf-teacher-os --skill json-canvas-elliot200852-lab

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

JSON Canvas diagrams let you store and manipulate mind maps, flowcharts, and grouped node graphs in a portable, machine-readable format, replacing ad-hoc diagram notes.

Core Features & Use Cases

  • Create and edit .canvas files containing nodes, edges, and groups to model complex diagrams.
  • Validate references and IDs to ensure consistent graphs and avoid broken connections.
  • Use for planning, brainstorming, and documenting project structures within Obsidian or other tools.

Quick Start

Create a new .canvas file with two text nodes connected by a single edge to form 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 .canvas file to model a flowchart programmatically?▼

To model a mind map programmatically, generate a JSON Canvas file containing nodes and edges. The Skill enforces 16-character hex IDs for all nodes and edges, validating fromNode and toNode references to ensure the graph structure remains consistent and free of broken connections.

What is the JSON Canvas format used for in project documentation?▼

JSON Canvas supports text, file, link, and group node types. These node types allow you to represent textual information, embed external files, link to web resources, and organize related diagram elements into distinct visual clusters within a single .canvas file.

Can I use JSON Canvas diagrams with Obsidian for research notes?▼

The Skill validates JSON Canvas structures by enforcing 16-character hex IDs for nodes and edges and checking that all fromNode and toNode references point to existing elements. This validation process ensures your JSON conforms to the JSON Canvas Spec 1.0 and maintains consistent graph connections.

How do I validate references when editing a JSON Canvas graph?▼

The Skill validates references when editing a JSON Canvas graph by enforcing 16-character hex IDs for nodes and edges. It checks that fromNode and toNode references in edges point to valid nodes, ensuring your JSON conforms to the JSON Canvas Spec 1.0 and preventing broken connections.

Related Skills

Explore More Design & Creative Skills→
jpjednorskijpjednorski

json-canvas

Create and edit JSON Canvas files with nodes and edges.

Community
Basic
lucasbenevinutolucasbenevinuto

json-canvas

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

Community
Intermediate
cocyuhaococyuhao
1

obsidian-markdown

Create and edit Obsidian Markdown notes with wikilinks, embeds, callouts, and YAML frontmatter.

Community
Intermediate
zephyrwang6zephyrwang6
333

json-canvas

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

Community
Basic