skills.rest
kimgea
kimgeaCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

json-canvas

Generate and edit JSON Canvas files with nodes and edges.

Updated Aug 8, 2026
Search Tags:#obsidian#flowchart#canvas#graph#diagram#mind-map#json-canvas
One-click install
npx skills add https://github.com/kimgea/agent-kit --skill json-canvas-kimgea
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: json-canvas
Source: https://github.com/kimgea/agent-kit/tree/main/skills/json-canvas
Command: npx skills add https://github.com/kimgea/agent-kit --skill json-canvas-kimgea

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

JSON Canvas lets you model, edit, and organize visual canvases directly in Obsidian or any environment using the JSON Canvas spec.

Core Features & Use Cases

  • Create and modify .canvas files with nodes and edges (text, file, link, group).
  • Position, group, and connect elements to map ideas, workflows, or architectures.
  • Validate JSON structure and edge/node references to ensure consistent visuals.

Quick Start

Create a new .canvas file with the base structure and a small sample of nodes and edges to start.

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

JSON Canvas files require a base structure of { "nodes": [], "edges": [] } populated with positioned text, file, link, or group nodes to map visual diagrams in Obsidian.

What is the JSON Canvas format used for?▼

The JSON Canvas format models relationships between connected nodes and edges, letting you visually organize mind maps, flowcharts, and project diagrams in Obsidian or compatible environments.

Can I use this to generate a mind map with valid JSON structure?▼

Yes, you can generate mind maps by creating text nodes and reference-safe edges. It ensures valid JSON structure with unique node IDs for consistent visual mapping.

Does Obsidian support JSON Canvas files with group and link nodes?▼

Obsidian supports JSON Canvas files. You can create and link group, text, file, and link nodes while validating edge references to maintain consistent visual diagrams.

How do I validate edge references in a JSON Canvas diagram?▼

Validate edge references by ensuring edges connect using unique node IDs. This maintains reference-safe connections between text, file, link, and group nodes in the canvas.

Related Skills

Explore More Design & Creative Skills→
ryan-ressmeyerryan-ressmeyer

json-canvas

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

Community
Intermediate
kepanokepano
44.5k

json-canvas

Create and edit JSON Canvas files with nodes and edges.

Community
Advanced
stericisherestericishere

json-canvas

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

Community
Basic
maedmattmaedmatt
3

json-canvas

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

Community
Basic