skills.rest
flowing-abyss
flowing-abyssCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

json-canvas

Create and edit JSON Canvas files with nodes and edges.

4|Updated Feb 24, 2026
Search Tags:#nodes#obsidian#canvas#diagram#edges#json-canvas
One-click install
npx skills add https://github.com/flowing-abyss/obsidian-vault-skills --skill json-canvas-flowing-abyss
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: json-canvas
Source: https://github.com/flowing-abyss/obsidian-vault-skills/tree/main/skills/json-canvas
Command: npx skills add https://github.com/flowing-abyss/obsidian-vault-skills --skill json-canvas-flowing-abyss

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Create and edit JSON Canvas files (.canvas) within Obsidian by providing a structured workflow to define nodes and edges, ensuring valid canvas data and easy visualization.

Core Features & Use Cases

  • Create new canvases with base structure {"nodes": [], "edges": []} and generate unique IDs.
  • Define node types: text, file, link, and group with required fields.
  • Connect nodes with edges, validate references, and visualize relationships.

Quick Start

Create a new canvas file and begin by adding nodes and edges to model your idea.

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 in Obsidian programmatically?▼

You can create a JSON Canvas file by generating a base structure with empty nodes and edges arrays, then assigning unique IDs to each node to ensure valid canvas data in Obsidian.

What types of nodes can I use when building Obsidian canvas diagrams?▼

Obsidian canvas diagrams support text, file, link, and group node types, each requiring specific fields to properly define and visualize elements within the JSON Canvas structure.

How do I connect nodes with edges in a .canvas file?▼

You connect nodes by defining edges that reference node IDs, ensuring the references are verified against the JSON Canvas Spec 1.0 to maintain valid structural relationships.

Does the JSON Canvas format validate unique IDs for nodes and edges?▼

Yes, validating unique IDs for nodes and edges is required by the JSON Canvas Spec 1.0 to prevent reference errors and ensure the canvas diagram renders correctly in Obsidian.

Can I use this to organize Obsidian workflows visually with group nodes?▼

Yes, you can visually organize ideas and workflows within Obsidian by defining group nodes alongside text, file, and link nodes, then connecting them with validated edges.

Related Skills

Explore More Design & Creative Skills→
kimgeakimgea

json-canvas

Generate and edit JSON Canvas files with nodes and edges.

Community
Intermediate
oldwinteroldwinter
5

json-canvas

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

Community
Intermediate
koki3141koki3141
2

obsidian-link-graph

Repair and enhance wikilinks between Obsidian notes within a specified range.

Community
Intermediate
ThuHuynh1438ThuHuynh1438

json-canvas

Create and edit valid JSON Canvas files with nodes and edges.

Community
Intermediate