json-canvas

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

Updated Jan 29, 2026
One-click install
npx skills add https://github.com/MrZhang123/ai-workspace --skill json-canvas-mrzhang123
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: json-canvas
Source: https://github.com/MrZhang123/ai-workspace/tree/main/skills/json-canvas
Command: npx skills add https://github.com/MrZhang123/ai-workspace --skill json-canvas-mrzhang123

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Creates and edits structured JSON Canvas diagrams by modeling nodes, edges, and groups in a portable, editable format suitable for visualization in Obsidian and other tools.

Core Features & Use Cases

  • Create, edit, and validate .canvas files containing nodes, edges, and groups.
  • Define node types (text, file, link, group) and customize positions, sizes, and colors.
  • Use for mind maps, flowcharts, project diagrams, and knowledge graphs in Obsidian or compatible tools.

Quick Start

Create a new JSON Canvas file and begin adding nodes, edges, and groups to model your idea.

Frequently Asked Questions about json-canvas

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

FAQPage Schema
How do I create and edit a JSON Canvas file for Obsidian?

To create a JSON Canvas file, define structured nodes, edges, and groups using the 1.0 schema, specifying unique IDs and optional attributes like color and position. This allows you to model visual canvases such as mind maps and flowcharts directly within Obsidian.

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

Yes, JSON Canvas is designed for building mind maps, flowcharts, and knowledge graphs. You can define node types like text, file, link, and group, then connect them with edges to visualize project diagrams within Obsidian or other compatible editors.

What is the JSON Canvas 1.0 schema structure?

The JSON Canvas 1.0 schema structures diagrams through required fields for nodes and edges, ensuring each has unique IDs. It supports optional attributes for customization, including color, subpath, positions, and sizes, enabling portable and editable visual canvas files.

Does this JSON Canvas Skill support grouping nodes and customizing colors?

Yes, the Skill supports creating group nodes to organize elements and allows customizing positions, sizes, and colors. These optional attributes help structure complex diagrams and project maps while maintaining the JSON Canvas 1.0 schema validation.

How do I validate a .canvas file structure in Obsidian?

You validate a .canvas file by ensuring all nodes and edges contain required fields and unique IDs according to the JSON Canvas 1.0 schema. The Skill checks the structural integrity of your node types, connections, and optional attributes like subpaths.

What is the best way to structure a knowledge graph using JSON Canvas?

The best way to structure a knowledge graph is by modeling concepts as text or file nodes, connecting related ideas with edges, and organizing clusters using group nodes. This portable JSON format guarantees your diagram remains editable across Obsidian and other tools.