skills.rest
huangeddie
huangeddieCOMMUNITY
Explore all skills by this author →
GitHub

json-canvas

Generates editable Drake-style Canvas files with Drake's custom XML format.

1|Updated Dec 23, 2025
Search Tags:#obsidian#flowchart#diagramming#mind map#mind-mapping#json canvas#graph modeling
One-click install
npx skills add https://github.com/huangeddie/dotfiles --skill json-canvas-huangeddie
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: json-canvas
Source: https://github.com/huangeddie/dotfiles/tree/main/private_dot_openclaw/exact_skills/obsidian/json-canvas
Command: npx skills add https://github.com/huangeddie/dotfiles --skill json-canvas-huangeddie

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Turning ideas into structured Obsidian Canvas diagrams is time-consuming and error-prone when you have to hand-edit node and edge JSON by yourself.

Core Features & Use Cases

  • Create and edit JSON Canvas (.canvas): Generates the correct nodes and edges structure for visual canvases in Obsidian.
  • Build common diagram patterns: Supports mind maps, flowcharts, project boards, and research hubs using consistent node types (text, file, link, group).
  • Maintain integrity with validation guidance: Ensures IDs are unique and edge references correctly point to existing node IDs to prevent broken diagrams.

Quick Start

Create a new .canvas file with the base JSON structure, then add your nodes and edges using unique 16-character hex IDs and finally validate that every edge references an existing node.

Frequently Asked Questions about json-canvas

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

FAQPage Schema
How do I generate Obsidian canvas files from text?▼

To generate Obsidian canvas files, this Skill translates ideas into structured JSON Canvas (.canvas) documents containing valid nodes and edges arrays for visual diagrams.

What node types are supported when building Obsidian mind maps?▼

Obsidian mind maps support text, file, link, and group node types, allowing you to model diverse diagram patterns like project boards and research hubs.

How do I validate edge references in a JSON Canvas document?▼

Validating edge references requires ensuring every edge has a fromNode and toNode property that correctly points to an existing 16-character hex node ID.

Can I use this to create flowcharts in Obsidian without hand-editing JSON?▼

Yes, you can create flowcharts by translating ideas into structured node types and linkable connections, avoiding time-consuming and error-prone manual JSON editing.

Do I need unique IDs for nodes in an Obsidian .canvas file?▼

Yes, Obsidian .canvas files require unique 16-character hex IDs for all nodes to maintain referential integrity and prevent broken diagram connections.

Related Skills

Explore More Design & Creative Skills→
ZpankzZpankz
7

json-canvas

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

Community
Advanced
iliagermaniliagerman
1

json-canvas

Create and manipulate JSON Canvas files with nodes and edges.

Community
Intermediate
mindmorassmindmorass
2

obsidian-publisher

Write Markdown notes and Mermaid diagrams into Obsidian vault folders.

Community
Basic
RepairYourTechRepairYourTech
6

react-flow

Create interactive node-based graph visualizations with React Flow.

Community
Intermediate