skills.rest
Jack5316
Jack5316COMMUNITY
Explore all skills by this author →
WebsiteGitHub

json-canvas

Creates and edits JSON Canvas files with nodes, edges, and groups.

Updated Aug 27, 2026
Search Tags:#note-taking#obsidian#flowchart#mind map#visualize#json canvas
One-click install
npx skills add https://github.com/Jack5316/Obsidian --skill json-canvas-jack5316
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: json-canvas
Source: https://github.com/Jack5316/Obsidian/tree/main/.agents/skills/json-canvas
Command: npx skills add https://github.com/Jack5316/Obsidian --skill json-canvas-jack5316

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill simplifies the creation and modification of JSON Canvas files, enabling users to visually organize information with nodes, edges, and groups.

Core Features & Use Cases

  • Create New Canvases: Generate .canvas files from scratch with nodes and edges.
  • Add/Edit Nodes & Edges: Dynamically update existing canvases by adding new elements or modifying existing ones.
  • Use Case: Visually map out a project's workflow by creating nodes for each task, connecting them with edges to show dependencies, and grouping related tasks within project phases.

Quick Start

Create a new JSON Canvas file with a 'Main Idea' text node at position (0,0) and a 'Supporting Point' text node at position (400,0) connected by 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 visual note-taking in Obsidian?▼

To create a JSON Canvas file for visual note-taking, generate a `.canvas` file from scratch using text nodes and edges. You can start by defining a main idea node at specific coordinates and connecting it to supporting points.

Can I dynamically add nodes and edges to an existing Obsidian canvas?▼

Yes, you can dynamically update existing JSON Canvas files by adding new nodes, modifying elements, or creating edges. This allows you to progressively build out flowcharts and mind maps without starting over.

What is the JSON Canvas specification used for structuring visual information?▼

The JSON Canvas specification is a structured format for visually organizing information through nodes, edges, and groups. It requires specific IDs and element types to define connections and dependencies for mind mapping.

How do I map out a project workflow using nodes and groups in a canvas?▼

To map a project workflow, create text nodes for individual tasks, connect them with edges to show dependencies, and group related tasks together. This visual organization clarifies project phases within the canvas.

Does this JSON Canvas approach support grouping related elements in flowcharts?▼

Yes, the JSON Canvas specification supports groups to visually organize related nodes and edges. This allows you to cluster distinct phases or concepts together within your larger flowchart or mind map structure.

Are there limitations when modifying element types and IDs in JSON Canvas?▼

When modifying JSON Canvas elements, you must strictly adhere to the JSON Canvas specification for structure, IDs, and element types. Failing to maintain these structural rules will break the visual organization of your canvas.

Related Skills

Explore More Design & Creative Skills→
ZhanlinCuiZhanlinCui
178

json-canvas

Create and edit JSON Canvas files with valid node and edge schemas.

Community
Basic
zephyrwang6zephyrwang6
333

json-canvas

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

Community
Basic
TreasoniTreasoni

json-canvas

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

Community
Intermediate
wyhlovecppwyhlovecpp

obsidian-canvas-creator

Convert structured text into interactive Obsidian Canvas mind maps.

Community
Intermediate