skills.rest
cocyuhao
cocyuhaoCOMMUNITY
Explore all skills by this author →
GitHub

json-canvas

Create and validate JSON Canvas files with nodes and edges per Spec 1.0.

1|Updated May 12, 2026
Search Tags:#obsidian#flowchart#visualization#canvas#mind-map#json-canvas#nodes-edges
One-click install
npx skills add https://github.com/cocyuhao/my-ai-skills-library --skill json-canvas-cocyuhao
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: json-canvas
Source: https://github.com/cocyuhao/my-ai-skills-library/tree/main/obsidian-skills-main/json-canvas
Command: npx skills add https://github.com/cocyuhao/my-ai-skills-library --skill json-canvas-cocyuhao

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

JSON Canvas files provide a portable, structured format to model nodes, edges, and groups for visual thinking. This skill enables users to create and edit .canvas files used in Obsidian and other apps, empowering diagrams, mind maps, and flowcharts directly from structured JSON.

Core Features & Use Cases

  • Create, edit, and validate canvas files containing nodes and edges per the JSON Canvas Spec 1.0.
  • Support node types: text, file, link, and group, with attributes for position, size, color, and labels.
  • Use cases include project planning, knowledge visualization, and diagramming workflows alongside notes.

Quick Start

Create a new .canvas file and begin adding nodes and edges following the JSON Canvas schema.

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?▼

To create a JSON Canvas file for Obsidian, define structured nodes and edges following the JSON Canvas Spec 1.0 schema. This skill generates valid .canvas files containing text, file, link, and group nodes with attributes for position, size, and color.

What is the JSON Canvas format used for?▼

The JSON Canvas format is used for visual thinking, knowledge mapping, and process diagrams. It provides a portable, structured way to model nodes, edges, and groups for mind maps and flowcharts directly within compatible note-taking apps.

Can I use JSON Canvas to build flowcharts and mind maps?▼

Yes, you can use JSON Canvas to build flowcharts and mind maps by defining structured nodes and edges. The schema supports visual planning and knowledge visualization across design, research, and development contexts.

Does JSON Canvas support grouping and linking nodes?▼

JSON Canvas supports grouping and linking nodes through its node and edge schema. You can create group nodes to contain elements and define edges to connect them, enforcing the JSON Canvas Spec 1.0 rules for consistent visual mapping.

What node types are supported by the JSON Canvas spec?▼

The JSON Canvas spec supports four node types: text, file, link, and group. Each type includes specific schema attributes for position, size, color, and labels to ensure consistent presentation.

How do I validate a .canvas file against the JSON Canvas spec?▼

To validate a .canvas file against the JSON Canvas spec, this skill enforces the JSON Canvas Spec 1.0 rules, checking that your structured nodes, edges, and attributes conform to the required schema for valid visual planning.

Related Skills

Explore More Design & Creative Skills→
CarbeneAICarbeneAI
9

Obsidian

Create and edit Obsidian Markdown, Bases, and JSON Canvas files.

Community
Intermediate
AgriciDanielAgriciDaniel
247

canvas-populate

Add images, text, PDFs, links, and zones to Obsidian Canvas files.

Community
Advanced
swaruplabswaruplab
94

markitdown

Convert PDFs, DOCX, PPTX, XLSX, HTML, and more into Markdown.

Community
Intermediate
atilladenizatilladeniz
2

system-design

Generate Mermaid diagrams for system design and architecture visualization.

Community
Basic