json-canvas

Generate and validate JSON Canvas files with nodes and edges.

140|20|Updated Jan 8, 2026
One-click install
npx skills add https://github.com/HHU3637kr/skills --skill json-canvas-hhu3637kr
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: json-canvas
Source: https://github.com/HHU3637kr/skills/tree/main/json-canvas
Command: npx skills add https://github.com/HHU3637kr/skills --skill json-canvas-hhu3637kr

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

JSON Canvas files describe complex visual canvases used for planning and documentation; this skill enables creation and editing of .canvas files with structured nodes and edges.

Core Features & Use Cases

  • Create and edit JSON Canvas files (.canvas) that store nodes, edges, and groups for visual mapping.
  • Support node types: text, file, link, and group, with positional and styling attributes.
  • Validate against JSON Canvas Spec 1.0 and ensure IDs are unique, edges reference existing nodes, and optional color/subpath attributes are handled.
  • Use cases include mind maps, flowcharts, project dashboards, and visual notes in Obsidian or other tools.

Quick Start

Create a new canvas file and start with a central text node to visualize 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 a valid JSON Canvas file for Obsidian?

To create a valid JSON Canvas file for Obsidian, define a JSON structure with nodes and edges that conforms to the JSON Canvas 1.0 spec, ensuring unique IDs and valid edge endpoints. You can start by adding a central text node to map your idea.

What is a JSON Canvas file and when do I need it for project dashboards?

A JSON Canvas file is a structured format storing graph-like visual canvases consisting of nodes and edges. You need it for project dashboards, flowcharts, and mind maps when you want to represent text, files, links, and groups visually in Obsidian or compatible tooling.

Does JSON Canvas support file and link nodes alongside text nodes?

JSON Canvas supports multiple node types including text, file, link, and group nodes. These nodes can be positioned on the canvas and connected using edges, with optional styling attributes like color to enhance visual mapping.

How do I validate edges and node IDs in a .canvas file?

Validating a .canvas file requires enforcing the JSON Canvas 1.0 spec, which checks that all node IDs are unique and that every edge references existing node endpoints. This validation ensures the graph structure remains intact and functional.

What is the best way to build visual notes with nodes and edges?

The best way to build visual notes is to generate a JSON Canvas file that describes a graph-like visual canvas with connected text and group nodes. This approach allows you to structure information spatially for flowcharts and mind maps.

Why does my JSON Canvas file fail to render in Obsidian?

A JSON Canvas file fails to render in Obsidian if it violates the JSON Canvas 1.0 spec, such as having duplicate node IDs or edges referencing non-existent nodes. Ensuring proper validation of node types and edge endpoints resolves these rendering issues.