skills.rest
jpjednorski
jpjednorskiCOMMUNITY
Explore all skills by this author →
GitHub

json-canvas

Create and edit JSON Canvas files with nodes and edges.

1|Updated Jan 28, 2026
Search Tags:#json#obsidian#flowchart#canvas#create#diagram#mind-map
One-click install
npx skills add https://github.com/jpjednorski/obsidian-vault-ai-starter --skill json-canvas-jpjednorski
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: json-canvas
Source: https://github.com/jpjednorski/obsidian-vault-ai-starter/tree/main/.cursor/skills/json-canvas
Command: npx skills add https://github.com/jpjednorski/obsidian-vault-ai-starter --skill json-canvas-jpjednorski

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

JSON Canvas files enable visual representation of ideas, workflows, and mind maps in a lightweight, portable format. This skill provides a straightforward way to create and edit those canvases (.canvas) without external tooling.

Core Features & Use Cases

  • Canvas creation and editing: Build and modify JSON Canvas documents with nodes, edges, and groups.
  • Visual planning and documentation: Create mind maps, flowcharts, and diagrams to plan projects and capture ideas.
  • Use Case: Imagine mapping a project backlog as a canvas: add nodes for tasks, link them with edges, and group related items for clarity.

Quick Start

  • Start a new canvas: create a file named example.canvas at your vault root, initialize with {"nodes": [], "edges": []}, then add a text node and a link node and connect them with an edge.

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 visualizing ideas in Obsidian?▼

To create a JSON Canvas file, initialize a file with a `.canvas` extension at your vault root, populate it with the `{"nodes": [], "edges": []}` structure, then add your text, file, link, or group nodes and connect them using edges.

What is the JSON Canvas format used for?▼

The JSON Canvas format is used for the visual representation of ideas, workflows, and mind maps in a lightweight, portable format, specifically enabling the creation of diagrams and project canvases within Obsidian and compatible apps.

What node types are supported when building a JSON Canvas diagram?▼

JSON Canvas diagrams support four specific node types: text, file, link, and group, allowing you to structure content, attach external references, and cluster related items for visual planning.

How do I connect elements in a JSON Canvas flowchart?▼

You connect elements in a JSON Canvas flowchart by defining edges that link top-level nodes, ensuring you enforce unique IDs and valid edge connections to maintain structural integrity.

Can I edit existing canvas files without external tooling?▼

Yes, you can edit existing JSON Canvas files directly without external tooling by modifying the underlying JSON structure to build, modify, or rearrange nodes, edges, and groups.

Are there limitations to structuring project canvases with JSON Canvas?▼

Limitations include strict structural requirements: the canvas must maintain the JSON Canvas structure with top-level nodes and edges, and you must enforce unique IDs and valid edge connections for the file to function properly.

Related Skills

Explore More Design & Creative Skills→
pixbpixb

json-canvas

Create and edit JSON Canvas files with nodes and edges.

Community
Basic
kv0906kv0906
134

json-canvas

Generate and manipulate JSON Canvas files with nodes and edges.

Community
Intermediate
TreasoniTreasoni

json-canvas

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

Community
Intermediate
forgivesam168forgivesam168
2

excalidraw-diagram-generator

Convert natural language descriptions into Excalidraw-compatible JSON diagram files.

Community
Intermediate