json-canvas

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

Updated Jan 30, 2026
One-click install
npx skills add https://github.com/Treasoni/Study-Notes --skill json-canvas-treasoni
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: json-canvas
Source: https://github.com/Treasoni/Study-Notes/tree/main/.claude/skills/json-canvas
Command: npx skills add https://github.com/Treasoni/Study-Notes --skill json-canvas-treasoni

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

  • Node Management: Create, edit, and position various node types (text, file, link, group).
  • Edge Creation: Define connections between nodes with customizable labels and arrow styles.
  • Use Case: Visually map out a project's workflow by creating nodes for each task, linking them to show dependencies, and grouping related tasks into phases.

Quick Start

Create a new JSON Canvas file with a text node containing the title "My First Canvas".

Frequently Asked Questions about json-canvas

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

FAQPage Schema
How do I create an Obsidian canvas file for visual note-taking?

To create an Obsidian canvas file for visual note-taking, you generate a JSON Canvas file with a .canvas extension and define nodes like text or file to map out your information visually.

Can I use JSON Canvas to build a flowchart with connected nodes and groups?

Yes, you can use JSON Canvas to build a flowchart by defining nodes for tasks, creating edges to show dependencies, and grouping related tasks into specific layout phases.

What types of nodes are supported when editing a .canvas file?

Editing a .canvas file supports defining multiple node types including text, file, link, and group nodes, which can be positioned and connected using edges with customizable labels and arrow styles.

Does this JSON Canvas approach work for mind maps within Obsidian?

Yes, the JSON Canvas approach works for mind maps within Obsidian by allowing you to visually organize information through positioned nodes and connecting edges in a structured layout.

What is the best way to define connections between nodes in a JSON Canvas file?

The best way to define connections between nodes in a JSON Canvas file is by creating edges with specific attributes, allowing you to apply customizable labels and arrow styles to link related nodes.