skills.rest
tc9011
tc9011COMMUNITY
Explore all skills by this author →
WebsiteGitHub

json-canvas

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

Updated Feb 5, 2026
Search Tags:#note-taking#obsidian#flowchart#mind map#visual organization#json canvas
One-click install
npx skills add https://github.com/tc9011/my-skills --skill json-canvas-tc9011
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: json-canvas
Source: https://github.com/tc9011/my-skills/tree/main/skills/json-canvas
Command: npx skills add https://github.com/tc9011/my-skills --skill json-canvas-tc9011

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps you create, edit, and manage visual canvases using the JSON Canvas format, ideal for organizing thoughts, planning projects, and illustrating concepts.

Core Features & Use Cases

  • Create New Canvases: Generate .canvas files with nodes, edges, and groups.
  • Edit Existing Canvases: Modify nodes, connections, and layout of .canvas files.
  • Use Case: You need to create a mind map for a new project. Use this Skill to define the central idea node, add related sub-topics as nodes, and connect them with labeled edges.

Quick Start

Create a new JSON Canvas file named 'my_canvas.canvas' with a single text node containing the title "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?▼

You create a JSON Canvas file by generating a `.canvas` file and defining nodes, edges, and groups according to the JSON Canvas specification. This Skill manages the creation process, allowing you to build visual organization files directly for use in Obsidian.

What is the JSON Canvas format used for?▼

The JSON Canvas format is used for visual organization, enabling the creation of mind maps, flowcharts, and visual project boards. It structures data into nodes, edges, and connections, providing a standardized way to illustrate concepts and organize thoughts.

Can I edit existing .canvas files to modify mind map connections?▼

Yes, you can edit existing `.canvas` files to modify nodes, connections, and layouts. The Skill supports editing the structural elements of your visual canvases, allowing you to update labeled edges and reorganize nodes as your project evolves.

How do I add labeled edges to a flowchart canvas?▼

To add labeled edges to a flowchart canvas, you define connections between nodes according to the JSON Canvas specification. This Skill allows you to specify edges that link related sub-topics and apply labels to illustrate the relationships clearly.

Does this approach require any specific dependencies to generate canvas files?▼

No specific dependencies are required to generate canvas files using this approach. You can create and manage `.canvas` files natively, which are then fully compatible with applications like Obsidian for visual note-taking and project planning.

Related Skills

Explore More Design & Creative Skills→
zephyrwang6zephyrwang6
333

json-canvas

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

Community
Basic
allenhutchisonallenhutchison
515

json-canvas

Create and edit Obsidian Canvas files using the JSON Canvas spec.

Community
Intermediate
TreasoniTreasoni

json-canvas

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

Community
Intermediate
xloxn69xloxn69
7

diagram-generator

Generate Mermaid and ASCII diagrams from natural language descriptions.

Community
Basic