json-canvas

Create and edit JSON Canvas files with nodes and edges.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

JSON Canvas enables visual organization of ideas by storing diagrams as a JSON canvas file with structured nodes and edges, replacing ad-hoc sketches and enabling programmatic manipulation.

Core Features & Use Cases

  • Create and edit .canvas files with two top-level arrays: nodes and edges.
  • Support node types: text, file, link, and group; manage z-index for layering; apply colors and group backgrounds.
  • Use cases: mind maps, flowcharts, project dashboards, and research canvases in Obsidian or compatible tools.

Quick Start

Create a new canvas file with initial nodes and a connecting edge.

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 visual diagrams in Obsidian?

To create a JSON Canvas file, define two top-level arrays for nodes and edges to model diagrams. You can structure text, file, link, and group nodes, then connect them using edges to build visual planning canvases.

What node types are supported by the JSON Canvas spec?

The JSON Canvas spec supports four node types: text, file, link, and group. Each node type can be customized with specific colors, layout attributes, and z-index layering for structured visual organization.

How do I build mind maps and flowcharts using JSON Canvas?

You build mind maps and flowcharts by defining structured nodes and connecting them with edges in a .canvas file. This programmatic approach replaces ad-hoc sketches and enables programmatic manipulation of visual diagrams.

Does JSON Canvas support layering and background colors for groups?

Yes, JSON Canvas supports layering through z-index management and allows you to apply colors and group backgrounds. This ensures proper visual hierarchy when modeling complex research canvases or project boards.

Can I programmatically generate and edit .canvas files for project boards?

You can programmatically generate and edit .canvas files by manipulating the JSON structure containing nodes and edges arrays. This enables automated creation of project dashboards and flowcharts while ensuring compliance with JSON Canvas Spec 1.0.