skills.rest
MarsWang42
MarsWang42COMMUNITY
Explore all skills by this author →
GitHub

json-canvas

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

964|105|Updated Jan 24, 2026
Search Tags:#nodes#obsidian#visualization#diagram#edges#json-canvas
One-click install
npx skills add https://github.com/MarsWang42/OrbitOS --skill json-canvas-marswang42
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: json-canvas
Source: https://github.com/MarsWang42/OrbitOS/tree/main/CN/.agents/skills/json-canvas
Command: npx skills add https://github.com/MarsWang42/OrbitOS --skill json-canvas-marswang42

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

JSON Canvas editors require a standard method to define canvases for nodes, edges, and groups; this skill enables automated creation and editing of .canvas files used by Obsidian and other apps.

Core Features & Use Cases

  • Create text, file, link, and group nodes with coordinates and sizes
  • Connect nodes with edges and assign labels and colors
  • Validate and export canvas structures compatible with JSON Canvas Spec 1.0
  • Use Case: design a mind map of a project with tasks as nodes and dependencies as edges

Quick Start

Create a new canvas file and add a simple text node to begin.

Frequently Asked Questions about json-canvas

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create Obsidian canvas files with nodes and edges programmatically?▼

This skill generates valid JSON Canvas files by enforcing unique node and edge IDs, defining positional attributes for each element, and validating the final structure against the JSON Canvas Spec 1.0.

Can I use this to design a mind map with task dependencies in Obsidian?▼

Yes, you can design a project mind map by creating text nodes for tasks and connecting them with edges to represent dependencies, resulting in a structured canvas visualization.

What node types does the JSON Canvas spec support for diagram visualization?▼

The JSON Canvas spec supports four node types: text, file, link, and group, each with specific positional attributes and sizes to structure your diagram visualization.

Does this skill validate unique IDs for canvas nodes and edges?▼

Yes, it enforces unique node and edge IDs during creation and editing to ensure the final canvas structure remains valid and compatible with JSON Canvas Spec 1.0.

How do I edit an existing JSON Canvas file?▼

You edit an existing JSON Canvas file by modifying the attributes of its nodes, edges, and groups, or by adding new elements while maintaining unique IDs and positional coordinates.

Related Skills

Explore More Design & Creative Skills→
CarbeneAICarbeneAI
9

Obsidian

Create and edit Obsidian Markdown, Bases, and JSON Canvas files.

Community
Intermediate
family3253family3253

kepano-json-canvas

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

Community
Intermediate
AdriftnoteAdriftnote

json-canvas

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

Community
Intermediate
ThuHuynh1438ThuHuynh1438

json-canvas

Create and edit valid JSON Canvas files with nodes and edges.

Community
Intermediate