skills.rest
gabrielwithappy
gabrielwithappyCOMMUNITY
Explore all skills by this author →
GitHub

json-canvas

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

Updated Aug 23, 2026
Search Tags:#obsidian#flowchart#canvas#diagram#mind-map#json-canvas#nodes-edges
One-click install
npx skills add https://github.com/gabrielwithappy/agent-starter --skill json-canvas-gabrielwithappy
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: json-canvas
Source: https://github.com/gabrielwithappy/agent-starter/tree/main/.claude/skills/json-canvas
Command: npx skills add https://github.com/gabrielwithappy/agent-starter --skill json-canvas-gabrielwithappy

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

JSON Canvas files (.canvas) enable visual canvases for notes, mind maps, and diagrams; this skill provides tooling to create and edit those canvases programmatically, interoperating with Obsidian and related apps.

Core Features & Use Cases

  • Create, modify, and validate .canvas files containing nodes, edges, and groups per the JSON Canvas Spec 1.0.
  • Build visual mappings like mind maps, flowcharts, and project dashboards directly from structured data.
  • Use Case: convert a structured project outline into an interactive canvas to support planning and collaboration.

Quick Start

Create a new or update an existing .canvas file by defining nodes, edges, and groups according to the JSON Canvas Spec 1.0.

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

You create a JSON Canvas file (.canvas) by programmatically generating a node graph with defined nodes, edges, and groups that adhere to the JSON Canvas Spec 1.0 for use in Obsidian.

Can I convert a structured project outline into an Obsidian canvas diagram?▼

Yes, you can convert structured project outlines into interactive Obsidian canvas diagrams by mapping the data into nodes and edges to build visual planning canvases.

What is the JSON Canvas Spec 1.0 used for when building mind maps?▼

The JSON Canvas Spec 1.0 defines the structure for nodes, edges, and groups, ensuring visual mind maps and flowcharts remain valid and interoperable across supporting apps.

Do I need a JSON canvas library to generate .canvas files?▼

Yes, generating and manipulating valid .canvas files requires using a JSON canvas library and strictly adhering to the JSON Canvas Spec 1.0 for node and edge definitions.

Does this approach support editing existing .canvas flowcharts or only creating new ones?▼

This approach supports both creating new and modifying existing .canvas flowcharts by programmatically manipulating the node graphs defined within the JSON Canvas Spec 1.0.

What is the best way to build visual project dashboards using JSON Canvas?▼

The best way to build visual project dashboards is to programmatically generate .canvas files by defining structured nodes, edges, and groups to support planning and team collaboration.

Related Skills

Explore More Design & Creative Skills→
zhengfranzhengfran

obsidian-canvas-creator

Convert text content into Obsidian Canvas JSON with structured nodes and edges.

Community
Intermediate
AgriciDanielAgriciDaniel
247

canvas-populate

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

Community
Advanced
TreasoniTreasoni

json-canvas

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

Community
Intermediate
woosulwoosul

json-canvas

Create and manage JSON Canvas files with nodes, edges, and validation.

Community
Intermediate