skills.rest
guanyang
guanyangCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

json-canvas

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

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps users create, edit, and manage JSON Canvas files, which are used for visual note-taking and diagramming, particularly within applications like Obsidian.

Core Features & Use Cases

  • Create New Canvases: Generate .canvas files with nodes, edges, and groups.
  • Add/Edit Nodes & Edges: Programmatically modify canvas elements.
  • Use Case: You need to create a mind map for a new project. Use this Skill to define the central topic node, add related sub-topic nodes, and draw connecting lines between them, all within a .canvas file.

Quick Start

Use the json-canvas skill to create a new canvas file named 'my_canvas.canvas' with a single text 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 visual notes?▼

To create a JSON Canvas file, you define nodes, edges, and groups according to the JSON Canvas specification to structure visual notes, mind maps, or flowcharts within compatible applications.

What is the JSON Canvas format used for in Obsidian?▼

The JSON Canvas format is used for visual note-taking and diagramming in Obsidian, allowing you to programmatically generate and manage .canvas files containing interconnected text nodes and groups.

Can I programmatically add nodes and edges to a .canvas file?▼

Yes, you can programmatically add and edit nodes and edges in a .canvas file by modifying the JSON structure while ensuring node and edge ID uniqueness and maintaining valid references.

What are the requirements for structuring a valid JSON Canvas file?▼

Structuring a valid JSON Canvas file requires adhering to correct JSON syntax, ensuring node and edge ID uniqueness, and maintaining valid references between connected elements.

How do I build a mind map using the JSON Canvas specification?▼

You build a mind map using the JSON Canvas specification by defining a central topic node, adding related sub-topic nodes, and drawing connecting edges between them within a .canvas file.

Related Skills

Explore More Design & Creative Skills→
pixbpixb

obsidian-canvas-creator

Convert plain text into structured Obsidian Canvas JSON files.

Community
Intermediate
darellchua2darellchua2
4

ascii-diagram-creator

Convert user-defined workflows into ASCII diagrams and save as image files.

Community
Advanced
zephyrwang6zephyrwang6
333

json-canvas

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

Community
Basic
okenwaokenwa

canvas

Generate flowcharts and diagrams as self-contained HTML files using HTML5 Canvas.

Community
Intermediate