skills.rest
stericishere
stericishereCOMMUNITY
Explore all skills by this author →
GitHub

json-canvas

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

Updated Feb 25, 2026
Search Tags:#json#Obsidian#flowchart#visualization#canvas#create#mind-map
One-click install
npx skills add https://github.com/stericishere/Obsidian-notes --skill json-canvas-stericishere
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: json-canvas
Source: https://github.com/stericishere/Obsidian-notes/tree/main/.claude/skills/json-canvas
Command: npx skills add https://github.com/stericishere/Obsidian-notes --skill json-canvas-stericishere

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill enables users to create and edit JSON Canvas files (.canvas) to visualize notes, mind maps, flowcharts, and interconnected ideas within Obsidian and compatible applications.

Core Features & Use Cases

  • Create and edit nodes of types text, file, link, and group.
  • Define edges to connect nodes and form visual relationships.
  • Use cases include note visualization, project planning canvases, and knowledge graphs.

Quick Start

Create a new canvas file named Example.canvas and add a few nodes and edges to visualize a simple workflow.

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

To create an Obsidian JSON Canvas file, generate a .canvas file containing valid JSON with top-level nodes and edges arrays to map out text, files, links, and groups visually.

Can I generate a mind map or flowchart using the JSON Canvas spec?▼

Yes, you can generate mind maps and flowcharts using the JSON Canvas spec by defining text and group nodes within the nodes array, then linking them through the edges array.

What node types are supported in a .canvas file?▼

The .canvas file format supports four node types: text, file, link, and group, allowing you to embed notes, reference external files, and cluster related items.

How do I connect nodes and edges in a JSON Canvas knowledge graph?▼

You connect nodes in a JSON Canvas knowledge graph by defining relationships in the top-level edges array, linking node identifiers to form an interconnected visual map.

Does this JSON Canvas skill adhere to the official spec version?▼

Yes, this skill strictly adheres to the JSON Canvas Spec 1.0, ensuring the generated .canvas files are fully compatible with Obsidian and other supporting visualization applications.

What is the best way to edit an existing .canvas file programmatically?▼

The best way to edit a .canvas file programmatically is to parse the existing JSON structure, modify the nodes and edges arrays, and ensure the output remains valid JSON Canvas.

Related Skills

Explore More Design & Creative Skills→
anbeimeanbeime
5.0k

json-canvas

Create and edit JSON Canvas files with nodes and edges.

Community
Intermediate
WizarckWizarck

json-canvas

Create and edit Obsidian JSON Canvas graphs with nodes, edges, and groups.

Community
Intermediate
hongmaple0820hongmaple0820
9

json-canvas

Create and edit JSON Canvas files with nodes and edges.

Community
Intermediate
dhar174dhar174
1

mermaid-diagrams

Generate flowcharts, sequence, class, ER, and Gantt diagrams from Mermaid syntax.

Community
Intermediate