skills.rest
Albatross679
Albatross679COMMUNITY
Explore all skills by this author →
GitHub

json-canvas

Create and edit JSON Canvas files with nodes and edges.

Updated Jan 24, 2026
Search Tags:#obsidian#flowchart#diagramming#node editor#mind map#json canvas
One-click install
npx skills add https://github.com/Albatross679/snake-hrl-torchrl --skill json-canvas-albatross679
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: json-canvas
Source: https://github.com/Albatross679/snake-hrl-torchrl/tree/main/skills/json-canvas
Command: npx skills add https://github.com/Albatross679/snake-hrl-torchrl --skill json-canvas-albatross679

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, which are used for visual organization in applications like Obsidian. It addresses the complexity of manually structuring nodes, edges, and groups for visual representations.

Core Features & Use Cases

  • Node Creation & Editing: Define and manipulate text, file, link, and group nodes with specific attributes like position, size, and content.
  • Edge Definition: Connect nodes with customizable edges, specifying start/end points, sides, and endpoint shapes.
  • Use Case: Visually map out project ideas, create flowcharts for processes, or design mind maps by defining nodes and their relationships within a .canvas file.

Quick Start

Use the json-canvas skill to create a new canvas file with a text node containing the heading 'My First Node'.

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, define nodes (text, file, link, group) and edges with specific positioning and sizing attributes. This generates the structured .canvas file required for visual mapping.

What is the JSON Canvas format used for?▼

The JSON Canvas format is used for visual data representation in applications like Obsidian. It structures nodes and edges to facilitate mind mapping, flowcharts, and project planning without manual JSON structuring.

How do I connect nodes with edges in a .canvas file?▼

Connect nodes by defining edges with customizable start and end points, specifying sides and endpoint shapes. This allows precise visual connections between text, file, or group nodes within the canvas.

Can I use this to generate a flowchart for project planning?▼

Yes, you can generate flowcharts for project planning by defining text, file, link, and group nodes with precise positioning. The Skill organizes these elements into a structured visual canvas.

What is the best way to build a mind map without manually structuring JSON?▼

The best way to build a mind map without manually structuring JSON is to define nodes and their relationships, letting the Skill handle the exact positioning, sizing, and connection attributes for the .canvas file.

Related Skills

Explore More Design & Creative Skills→
AdriftnoteAdriftnote

json-canvas

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

Community
Intermediate
kv0906kv0906
134

json-canvas

Generate and manipulate JSON Canvas files with nodes and edges.

Community
Intermediate
zephyrwang6zephyrwang6
333

json-canvas

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

Community
Basic
levi-qiaolevi-qiao
6

obsidian-canvas-creator

Convert textual information into Obsidian Canvas JSON files for visual diagrams.

Community
Intermediate