json-canvas

Create and edit JSON Canvas files per the JSON Canvas Spec 1.0.

4|1|Updated Jan 23, 2026
One-click install
npx skills add https://github.com/kryang03/Notes --skill json-canvas-kryang03
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: json-canvas
Source: https://github.com/kryang03/Notes/tree/main/.github/skills/json-canvas
Command: npx skills add https://github.com/kryang03/Notes --skill json-canvas-kryang03

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

JSON Canvas files enable rich, portable canvases for organizing ideas, diagrams, and data visually across Obsidian-compatible tools.

Core Features & Use Cases

  • Supports node types: text, file, link, and group with position, size, color, and content.
  • Edges connect nodes with direction, styling, labels, and subpaths.
  • Follows JSON Canvas Spec 1.0 for consistent rendering and interchange.
  • Use case: Create a project diagram linking notes, attachments, and external references.

Quick Start

Create a new canvas file with two nodes and a single edge to visualize a simple concept.

Frequently Asked Questions about json-canvas

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

FAQPage Schema
How do I create JSON Canvas files for Obsidian?

To create JSON Canvas files for Obsidian, you define nodes, edges, and groups following the JSON Canvas Spec 1.0. This Skill automates generating and validating .canvas files, ensuring proper structure for text, file, link, and group nodes.

What is the JSON Canvas Spec 1.0 format?

The JSON Canvas Spec 1.0 is a specification for creating portable, rich canvas files. It structures visual data using node types like text, file, link, and group, alongside edges that connect nodes with specific directions, labels, and styling.

Can I generate mind maps and flowcharts using the JSON Canvas format?

Yes, you can generate mind maps and flowcharts using the JSON Canvas format. The Skill supports designing visual canvases by accommodating nodes, edges with directional connections, and groups to organize ideas, diagrams, and data visually.

Does JSON Canvas validation check edge connections and node IDs?

JSON Canvas validation checks required node types, edge connections, IDs, and optional features per the specification. This ensures that elements like text, file, link, and group nodes are correctly defined and connected before rendering.

How do I link external references and attachments in a project diagram?

You link external references and attachments in a project diagram by using file and link node types within the JSON Canvas structure. Edges connect these nodes to notes and other elements, creating a rich, organized visual workspace.