skills.rest
Adriftnote
AdriftnoteCOMMUNITY
Explore all skills by this author →
GitHub

json-canvas

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

Updated Jan 23, 2026
Search Tags:#workflow#obsidian#visualization#canvas#diagram#mind-map#json-canvas
One-click install
npx skills add https://github.com/Adriftnote/zettelkasten-for-claude --skill json-canvas-adriftnote
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: json-canvas
Source: https://github.com/Adriftnote/zettelkasten-for-claude/tree/main/.claude/skills/json-canvas
Command: npx skills add https://github.com/Adriftnote/zettelkasten-for-claude --skill json-canvas-adriftnote

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

JSON Canvas enables users to create and manage visual canvases inside notes, providing a structured way to model ideas with nodes, edges, and groups in Obsidian or compatible tools.

Core Features & Use Cases

  • Create and edit .canvas files containing nodes, edges, and groups to model ideas, workflows, and project plans.
  • Support multiple node types (text, file, link, group) and z-index ordering for layered diagrams.
  • Use cases include mind maps, flowcharts, project boards, research canvases, and visual documentation for Obsidian notes.

Quick Start

Create a new .canvas file and begin adding nodes and edges following the JSON Canvas specification.

Frequently Asked Questions about json-canvas

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create and edit JSON Canvas files in Obsidian?▼

To create and edit JSON Canvas files in Obsidian, generate .canvas files containing structured nodes, edges, and groups. This enforces the JSON Canvas specification to validate IDs and relationships, ensuring valid visual diagrams for your notes.

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

Yes, JSON Canvas supports building mind maps and flowcharts in Obsidian. You can model ideas and workflows visually using text, file, link, and group nodes, along with z-index ordering for layered project planning diagrams.

What is the JSON Canvas specification for visual knowledge graphs?▼

The JSON Canvas specification is a structured format for visual knowledge graphs that defines required node and edge relationships. It validates IDs and supports multiple node types to ensure valid canvases for modeling ideas within compatible tools.

Does the JSON Canvas format work with tools other than Obsidian?▼

Yes, the JSON Canvas format works with other compatible tools that support the .canvas file extension. By enforcing required node and edge formats, it ensures your visual diagrams remain valid and portable across different knowledge graph platforms.

What are the limitations of generating .canvas files programmatically?▼

Generating .canvas files programmatically requires strict adherence to the JSON Canvas structure for nodes, edges, and groups. Limitations include the need to manually validate IDs and relationships to ensure the output renders correctly as a valid visual canvas.

Related Skills

Explore More Design & Creative Skills→
julianobarbosajulianobarbosa
7

obsidian-vault-management

Create and manage Obsidian vault markdown notes with templates and dataview queries.

Community
Advanced
MarsWang42MarsWang42
964

json-canvas

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

Community
Intermediate
ChrisWilesChrisWiles

cross-linker

Discover and insert cross-references in Obsidian markdown files using grep.

Community
Intermediate
kirakuiinkirakuiin

json-canvas

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

Community
Intermediate