skills.rest
family3253
family3253COMMUNITY
Explore all skills by this author →
WebsiteGitHub

kepano-json-canvas

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

1|Updated Mar 15, 2026
Search Tags:#json#obsidian#flowchart#visualization#canvas#diagram#mind-map
One-click install
npx skills add https://github.com/family3253/skill --skill kepano-json-canvas
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: kepano-json-canvas
Source: https://github.com/family3253/skill/tree/main/skills/kepano-json-canvas
Command: npx skills add https://github.com/family3253/skill --skill kepano-json-canvas

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

JSON Canvas files (.canvas) are used to visually structure ideas such as mind maps and flowcharts within Obsidian. This skill provides creation and editing capabilities for such canvases, enabling structured diagram data to be stored as JSON.

Core Features & Use Cases

  • Create and edit canvases using the JSON Canvas Spec 1.0 with nodes and edges
  • Manage node types including text, file, link, and group, and connect them with edges
  • Validate JSON structure and maintain unique IDs to ensure consistent diagrams across projects
  • Use cases include planning research workflows, outlining concepts, and visualizing ideas inside Obsidian

Quick Start

Create a new .canvas file in your Obsidian vault and start adding nodes and edges following the JSON Canvas schema.

Frequently Asked Questions about kepano-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 for a mind map?▼

To create a JSON Canvas file in Obsidian, generate a new .canvas file and populate it with nodes (text, file, link, group) and edges following the JSON Canvas Spec 1.0. This structures your mind map data as valid JSON.

What is an Obsidian JSON Canvas file used for?▼

Obsidian JSON Canvas files visualize mind maps and flowcharts by structuring diagram data as JSON nodes and edges. They provide a standardized format to store and manage visual idea mapping within your vault.

Can I connect different file nodes in an Obsidian canvas?▼

Yes, you can connect file, text, link, and group nodes using edges. The skill validates these edge references and enforces 16-character hex IDs to ensure consistent diagram connections across your Obsidian vault.

Does the Obsidian canvas JSON format support grouping nodes?▼

Yes, the Obsidian canvas JSON format supports group nodes alongside text, file, and link types. You can use groups to cluster related nodes and connect them with edges to structure complex flowcharts.

How do I validate JSON structure for Obsidian canvas files?▼

You validate Obsidian canvas files by checking the JSON structure against the JSON Canvas Spec 1.0, ensuring all nodes and edges use unique 16-character hex IDs and that edge references point to valid nodes.

Why does my Obsidian canvas diagram break when I edit the JSON?▼

Your Obsidian canvas diagram breaks when the JSON structure is invalid, often due to duplicate IDs or incorrect edge references. Enforcing 16-character hex IDs and validating node connections prevents these structural errors.

Related Skills

Explore More Design & Creative Skills→
zephyrwang6zephyrwang6
333

json-canvas

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

Community
Basic
jpjednorskijpjednorski

json-canvas

Create and edit JSON Canvas files with nodes and edges.

Community
Basic
kcns008kcns008
5

obsidian

Manage Obsidian vault notes with link-aware file operations.

Community
Intermediate
yoonhwanyoonhwan
3

termaid

Render Mermaid diagram code as styled visual output in the terminal.

Community
Intermediate