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

Ready to run

npx skills add https://github.com/kimgea/agent-kit --skill json-canvas-kimgea

💬 Prompt for ChatGPT / Claude Chat▼

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.