skills.rest
heyitsnoah
heyitsnoahCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

json-canvas

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

2.6k|194|Updated Sep 12, 2025
Search Tags:#obsidian#flowchart#canvas#diagram#mind-map#json-canvas#node-edges
One-click install
npx skills add https://github.com/heyitsnoah/claudesidian --skill json-canvas-heyitsnoah
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: json-canvas
Source: https://github.com/heyitsnoah/claudesidian/tree/main/.agents/skills/json-canvas
Command: npx skills add https://github.com/heyitsnoah/claudesidian --skill json-canvas-heyitsnoah

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

JSON Canvas provides an open, flexible structure to model complex ideas as nodes, edges, and groups, enabling visual thinking directly within Obsidian or compatible apps without leaving your notes.

Core Features & Use Cases

  • Create and edit canvas files with in-text JSON-based structures for diagrams, mind maps, and flowcharts.
  • Support for four node types: text, file, link, and group, with flexible attributes like position, size, color, and subpath.
  • Use cases include visual planning of projects, mapping ideas, and organizing knowledge with interconnected nodes.

Quick Start

Create a new .canvas file and start adding nodes and edges to model your idea.

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 a JSON Canvas file for visual diagrams in Obsidian?▼

To create a JSON Canvas file in Obsidian, you generate a .canvas file and define nodes, edges, and groups using in-text JSON structures. This enforces the JSON Canvas spec, allowing you to model ideas as text, file, link, or group nodes with positions and sizes for visual planning.

What is the JSON Canvas specification for diagram nodes and edges?▼

The JSON Canvas specification structures visual diagrams using mandatory node properties like id, type, x, y, width, and height. It supports four node types—text, file, link, and group—and connects them using edges to map complex ideas within Obsidian.

Does the JSON Canvas format work for mind maps and flowcharts outside of Obsidian?▼

JSON Canvas works for mind maps and flowcharts within Obsidian and compatible apps. The open format allows you to model visual knowledge graphs using interconnected nodes and edges, enabling visual thinking across compatible platforms without leaving your notes.

What are the required properties to validate a JSON Canvas node?▼

Validating a JSON Canvas node requires mandatory properties including id, type, x, y, width, and height. The structure enforces these attributes alongside edge connections to ensure diagrams, mind maps, and flowcharts function correctly within Obsidian.

Related Skills

Explore More Design & Creative Skills→
lucasbenevinutolucasbenevinuto

json-canvas

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

Community
Intermediate
fantay0312fantay0312

json-canvas

Generate valid JSON Canvas structures with nodes and edges arrays.

Community
Intermediate
TreasoniTreasoni

json-canvas

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

Community
Intermediate
guanyangguanyang
947

json-canvas

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

Community
Intermediate