skills.rest
oldwinter
oldwinterCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

json-canvas

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

5|Updated Jan 19, 2026
Search Tags:#obsidian#flowchart#diagramming#mind map#json canvas#visual notes
One-click install
npx skills add https://github.com/oldwinter/skills --skill json-canvas-oldwinter
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: json-canvas
Source: https://github.com/oldwinter/skills/tree/main/obsidian-skills/json-canvas
Command: npx skills add https://github.com/oldwinter/skills --skill json-canvas-oldwinter

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 note-taking and mind-mapping in applications like Obsidian.

Core Features & Use Cases

  • Node Creation: Add text, file, link, and group nodes to your canvas.
  • Edge Connections: Define relationships between nodes with customizable edges.
  • Use Case: You need to create a visual representation of a project plan, including tasks, related documents, and external resources, using the .canvas format.

Quick Start

Use the json-canvas skill to create a new canvas file with a 'Main Idea' text node and a 'Supporting Point A' text node 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 notes in Obsidian?▼

To create a JSON Canvas file, you need to structure a `.canvas` file with defined nodes (text, file, link, group) and edges that connect them. This Skill generates the correct JSON Canvas Spec 1.0 structure for visual notes in Obsidian.

What is the JSON Canvas format used for?▼

The JSON Canvas format is used for visual note-taking and mind-mapping. It defines a structured `.canvas` file containing nodes, edges, groups, and connections to create visual representations of ideas or project plans.

Can I add different node types like files and links to a .canvas file?▼

Yes, you can add text, file, link, and group nodes to a canvas. The JSON Canvas specification supports these specific node types, allowing you to integrate related documents and external resources into your visual canvas.

How do I connect nodes with edges in a JSON Canvas?▼

You connect nodes by defining edges with customizable properties in the JSON Canvas file. Edges specify the relationships and connections between different nodes, such as linking a main idea text node to a supporting point.

Does this JSON Canvas Skill support color options and layout guidelines?▼

Yes, the Skill defines color options and layout guidelines according to the JSON Canvas Spec 1.0. This allows you to customize the appearance and structure of your visual canvases, mind maps, and flowcharts.

What's the best way to build a mind map using the JSON Canvas spec?▼

The best way to build a mind map is to define a central text node and connect it to supporting nodes using customizable edges. This Skill structures the JSON Canvas spec to create hierarchical visual maps.

Related Skills

Explore More Design & Creative Skills→
kimgeakimgea

json-canvas

Generate and edit JSON Canvas files with nodes and edges.

Community
Intermediate
iliagermaniliagerman
1

json-canvas

Create 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
ThuHuynh1438ThuHuynh1438

json-canvas

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

Community
Intermediate