skills.rest
enigmaicon-eng
enigmaicon-engCOMMUNITY
Explore all skills by this author →
GitHub

json-canvas

Create and edit JSON Canvas files with valid nodes and edges.

1|Updated May 16, 2026
Search Tags:#validation#obsidian#flowchart#diagramming#mind map#node graph#json canvas
One-click install
npx skills add https://github.com/enigmaicon-eng/AI-Enterprise-OS --skill json-canvas-enigmaicon-eng
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: json-canvas
Source: https://github.com/enigmaicon-eng/AI-Enterprise-OS/tree/main/examples/obsidian-skills/skills/json-canvas
Command: npx skills add https://github.com/enigmaicon-eng/AI-Enterprise-OS --skill json-canvas-enigmaicon-eng

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps you reliably create, update, and connect nodes and edges in Obsidian JSON Canvas (.canvas) files without breaking the JSON structure or reference integrity.

Core Features & Use Cases

  • Canvas File Creation: Build a valid .canvas JSON file with required top-level nodes and edges arrays.
  • Node Authoring & Placement: Add text, file, link, and group nodes with correct required fields and sensible layout coordinates.
  • Edge Connections & Validation: Create and edit edges that reference existing node IDs, ensuring fromNode/toNode integrity.

Quick Start

Use the json-canvas skill to create a new .canvas file with a mind map centered on “Enterprise Memory,” including connected child nodes and a valid edges list.

Frequently Asked Questions about json-canvas

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

FAQPage Schema
How do I generate an Obsidian JSON Canvas file programmatically?▼

To generate an Obsidian JSON Canvas file, create a JSON structure with top-level nodes and edges arrays. Ensure nodes have unique IDs and valid coordinate placements so the canvas renders correctly in Obsidian.

What is the JSON Canvas spec for connecting nodes and edges?▼

The JSON Canvas spec connects nodes and edges by assigning each node a unique ID, then defining edges with fromNode and toNode fields that explicitly reference those existing node IDs to maintain structural integrity.

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

Yes, you can create mind maps and flowcharts using the JSON Canvas format by placing text, file, or link nodes at specific coordinates and connecting them with validated edges to form a structured visual graph.

How do I fix broken node references when editing a .canvas file?▼

To fix broken node references in a .canvas file, validate that every edge uses the correct fromNode and toNode values matching an existing node ID. The skill enforces this reference integrity automatically.

Do I need Obsidian installed to build and validate JSON Canvas diagrams?▼

No, you do not need Obsidian installed to build JSON Canvas diagrams. The format is standard JSON, so you can author and validate the node and edge structure in any text editor or generation tool.

What are the limitations of creating Obsidian canvas files via JSON?▼

Creating Obsidian canvas files via JSON requires manual coordinate layout for node placement and strict adherence to the JSON Canvas spec. Complex visual styling and real-time UI interactions are limited compared to the native app.

Related Skills

Explore More Design & Creative Skills→
pixbpixb

json-canvas

Create and edit JSON Canvas files with nodes and edges.

Community
Basic
stericisherestericishere

json-canvas

Create and edit JSON Canvas files (.canvas) with nodes and edges per Spec 1.0.

Community
Basic
zhengfranzhengfran

obsidian-canvas-creator

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

Community
Intermediate
tanaka-mambingetanaka-mambinge

mermaid-diagrams

Convert plain-text diagram ideas into Mermaid diagrams for software architecture, data modeling, and process flows.

Community
Advanced