skills.rest
freestylefly
freestyleflyCOMMUNITY
Explore all skills by this author →
Website𝕏@cangheGitHub

json-canvas

Create and edit JSON Canvas files compliant with JSON Canvas Spec 1.0.

429|102|Updated Feb 24, 2026
Search Tags:#obsidian#flowchart#canvas#graph#data-structure#mind-map#json-canvas
One-click install
npx skills add https://github.com/freestylefly/canghe-skills --skill json-canvas-freestylefly
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: json-canvas
Source: https://github.com/freestylefly/canghe-skills/tree/main/skills/json-canvas
Command: npx skills add https://github.com/freestylefly/canghe-skills --skill json-canvas-freestylefly

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Obsidian users often need to create and manage visual canvases for brainstorming, mapping ideas, and planning workflows. This skill provides a structured approach to generate and edit JSON Canvas files (.canvas) that adhere to the JSON Canvas Spec 1.0, making diagrams reliable and portable.

Core Features & Use Cases

  • Create and edit .canvas files with valid JSON following the JSON Canvas Spec.
  • Manage nodes, edges, and groups to build mind maps, flowcharts, or project boards within Obsidian notes.
  • Use cases: sketch data diagrams, plan workflows, or represent architectures in a portable, visual format.

Quick Start

Create a new canvas with two nodes and a connecting edge to illustrate a simple diagram.

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 valid Obsidian canvas file for mind maps and flowcharts?▼

To create an Obsidian canvas file, you generate a .canvas file containing valid JSON with two top-level arrays for nodes and edges. This structure enforces unique IDs and complies with the JSON Canvas Spec 1.0 to build reliable mind maps and flowcharts.

What is the JSON Canvas Spec structure required for Obsidian?▼

The JSON Canvas Spec requires a .canvas file with two mandatory top-level arrays: nodes and edges. Each node and edge object must contain unique IDs to ensure visual canvases render correctly within Obsidian.

Can I use this to build project boards and data-structure graphs in Obsidian?▼

Yes, you can build project boards and data-structure graphs by managing nodes, edges, and groups. The schema supports creating visual canvases for planning workflows and representing architectures in a portable format.

Does this approach enforce unique IDs and mandatory objects for Obsidian canvas edges?▼

Yes, the schema strictly enforces unique IDs and mandatory node and edge objects. This compliance with JSON Canvas Spec 1.0 ensures your diagrams remain valid and portable across note-taking workflows.

Why does my Obsidian canvas diagram not display correctly?▼

Your Obsidian canvas diagram may not display correctly if the JSON lacks mandatory node and edge objects or uses duplicate IDs. Validating your .canvas file against the JSON Canvas Spec 1.0 schema resolves these structural errors.

What's the best way to edit existing JSON Canvas files for note-taking workflows?▼

The best way to edit JSON Canvas files is to modify the node and edge arrays directly while maintaining unique IDs. This ensures your visual canvases stay compliant with the spec and portable within your notes.

Related Skills

Explore More Design & Creative Skills→
pixbpixb

json-canvas

Create and edit JSON Canvas files with nodes and edges.

Community
Basic
songzhuozhusongzhuozhu
118

json-canvas

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

Community
Intermediate
your-papayour-papa
1.2k

canvas

Create and manipulate JSON Canvas files with nodes and edges in Obsidian.

Official
Intermediate
kv0906kv0906
134

json-canvas

Generate and manipulate JSON Canvas files with nodes and edges.

Community
Intermediate