obsidian-canvas

Create and edit JSON Canvas files with nodes and edges.

Updated Feb 6, 2026
One-click install
npx skills add https://github.com/glfruit/gorin-skills --skill obsidian-canvas-glfruit
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: obsidian-canvas
Source: https://github.com/glfruit/gorin-skills/tree/main/openclaw/obsidian-canvas
Command: npx skills add https://github.com/glfruit/gorin-skills --skill obsidian-canvas-glfruit

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Visualizing ideas and workflows can be tedious without a structured canvas. This skill provides a straightforward way to create, edit, and organize JSON Canvas files with nodes and edges for mind maps and flowcharts.

Core Features & Use Cases

  • Create new canvas files with the required structure (nodes and edges).
  • Add, edit, and align nodes (text, file, link, group) and connect them with edges.
  • Use cases include project planning, knowledge maps, and process diagrams in Obsidian-compatible environments.

Quick Start

Open a .canvas file and start by adding a node at a chosen position, then connect it to an existing node to build your diagram.

Frequently Asked Questions about obsidian-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?

To create a JSON Canvas file for Obsidian, you need to structure your data with nodes and edges using a strict JSON format. This skill generates the required structure with unique 16-character IDs and validates references to ensure compatibility.

Can I use this to build a flowchart or mind map with nodes and edges?

Yes, you can build a flowchart or mind map with nodes and edges. The skill allows you to add, edit, and align text, file, link, and group nodes, then connect them to visualize ideas, knowledge maps, and process diagrams.

What is the required structure for a JSON Canvas file to work in Obsidian?

A valid JSON Canvas file requires a strict structure containing nodes and edges, unique 16-character IDs for each element, and proper validation of references. This skill enforces these constraints to ensure your canvas loads correctly.

How do I add and connect nodes in a .canvas file?

To add and connect nodes in a .canvas file, you start by placing a node at a chosen position and then link it to an existing node using edges. This skill handles the alignment and connection logic for building your diagram.

Does Obsidian canvas support file and link nodes for project diagrams?

Yes, Obsidian canvas supports file and link nodes for project diagrams. This skill enables you to create and edit these specific node types along with text and group nodes, connecting them to map out workflows.

Why does my JSON Canvas file fail to validate in Obsidian?

Your JSON Canvas file may fail to validate if it lacks the strict structure, unique 16-character IDs, or valid references required by the format. This skill validates these elements to prevent structural errors in your canvas.