skills.rest
omardelarosa
omardelarosaCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

json-canvas

Create and edit JSON Canvas files with nodes, edges, and color specifications.

Updated Feb 12, 2026
Search Tags:#json#obsidian#flowchart#visualization#canvas#diagram#mind-map
One-click install
npx skills add https://github.com/omardelarosa/claude-configs --skill json-canvas-omardelarosa
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: json-canvas
Source: https://github.com/omardelarosa/claude-configs/tree/main/skills/json-canvas
Command: npx skills add https://github.com/omardelarosa/claude-configs --skill json-canvas-omardelarosa

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill enables users to create and edit JSON Canvas files (.canvas) used to model visual canvases, mind maps, and flowcharts across Obsidian and other tools.

Core Features & Use Cases

  • Create and validate canvas files with top-level nodes and edges
  • Define node types (text, file, link, group) with required attributes
  • Connect nodes with edges and control layout (positions, sizes, colors)
  • Use cases: design quick visual diagrams, project mapping, and knowledge graphs within notes

Quick Start

Create a minimal .canvas file with two text 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 valid JSON Canvas file for Obsidian?▼

To create a valid JSON Canvas file, define top-level nodes and edges with required attributes like type, position, size, and color. The canvas format enforces specific node types such as text, file, link, and group to ensure structural consistency in Obsidian.

What is the JSON Canvas format used for?▼

The JSON Canvas format is used to model visual canvases, mind maps, and flowcharts. It allows you to organize ideas and relationships inside a canvas by defining node types and connecting them with controlled edges.

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

Yes, JSON Canvas can be used to build mind maps and flowcharts across Obsidian and other note systems. The format structures visual diagrams independently using standardized node and edge references.

What node types are supported in a .canvas file?▼

A .canvas file supports text, file, link, and group node types. Each node type requires specific attributes, and edges connect these nodes while enforcing color specifications and layout positions.

Does the JSON Canvas format validate edge references and node attributes?▼

Yes, the JSON Canvas format enforces required attributes, edge references, and color specifications. This validation ensures that nodes and edges remain consistent and correctly linked within the visual canvas structure.

What is the best way to model a knowledge graph using .canvas files?▼

The best way to model a knowledge graph is by using text and file nodes to represent concepts, then linking them with edges. JSON Canvas validates these edge references to maintain accurate relationship mapping.

Related Skills

Explore More Design & Creative Skills→
JNZaderJNZader

obsidian-resource-capture

Capture URLs and resources into structured Obsidian notes with summaries.

Community
Intermediate
wyhlovecppwyhlovecpp

obsidian-canvas-creator

Convert structured text into interactive Obsidian Canvas mind maps.

Community
Intermediate
TreasoniTreasoni

json-canvas

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

Community
Intermediate
zephyrwang6zephyrwang6
333

json-canvas

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

Community
Basic