skills.rest
rmachado24
rmachado24COMMUNITY
Explore all skills by this author →
GitHub

json-canvas

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

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

JSON Canvas files provide a simple, portable way to model complex ideas as structured diagrams consisting of nodes, edges, and groups. This Skill helps you create, edit, and validate such canvases to capture mind maps, flowcharts, and project canvases inside Obsidian.

Core Features & Use Cases

  • Create new canvases with a base structure: nodes and edges arrays.
  • Add and edit nodes (text, file, link, and group types) with positions, sizes, and labels.
  • Connect nodes with edges, set anchor sides, and validate that references exist.
  • Use examples from references to store and reuse canvas templates for research, planning, and design.

Quick Start

Create a new .canvas file and start adding nodes and edges following the JSON Canvas 1.0 spec.

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

To create a JSON Canvas file for Obsidian, you define a base structure with nodes and edges arrays following the JSON Canvas 1.0 spec. You can then add text, file, link, and group nodes with specific positions, sizes, and labels to visualize ideas.

What is the JSON Canvas format used for?▼

The JSON Canvas format is used to model complex ideas as structured diagrams consisting of nodes, edges, and groups. It provides a simple, portable way to capture mind maps, flowcharts, and project canvases inside Obsidian.

How do I connect nodes in a canvas and validate references?▼

To connect nodes in a canvas, you define edges with unique 16-character hex IDs and set anchor sides. The Skill validates that references between connected nodes and edges actually exist within the JSON Canvas structure.

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

Yes, you can use JSON Canvas to build mind maps and flowcharts. The Skill allows you to create, edit, and validate canvases by defining various node types, connecting them with edges, and grouping elements to visualize project structures and ideas.

What are the requirements for node and edge IDs in JSON Canvas?▼

Node and edge IDs in JSON Canvas must be unique 16-character hex strings. The Skill enforces this requirement to ensure proper structure and validates that all references between these elements exist within the canvas file.

Related Skills

Explore More Design & Creative Skills→
diegocamara89diegocamara89
3

json-canvas

Define and manipulate JSON Canvas files with nodes and edges per Spec 1.0.

Community
Advanced
family3253family3253

kepano-json-canvas

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

Community
Intermediate
TreasoniTreasoni

json-canvas

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

Community
Intermediate
EvolutionAPIEvolutionAPI
520

obs-json-canvas

Create and edit JSON Canvas files with nodes, edges, and automatic ID generation.

Official
Intermediate