obsidian-canvas-creator

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

Updated Jul 11, 2022

Search Tags:#json #obsidian #canvas #mind map #diagram generation #information visualization

Ready to run

npx skills add https://github.com/zhengfran/dotconfig --skill obsidian-canvas-creator-zhengfran

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: obsidian-canvas-creator
Source: https://github.com/zhengfran/dotconfig/tree/main/tools/ai/agents/skills/obsidian-canvas-creator
Command: npx skills add https://github.com/zhengfran/dotconfig --skill obsidian-canvas-creator-zhengfran

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill solves the problem of manually converting notes or structured text into visual, spatial layouts by generating Obsidian Canvas JSON automatically.

Core Features & Use Cases

MindMap canvas generation: Builds a radial hierarchy (center node, parent-child branches) from topic structure.
Freeform canvas generation: Places concepts into grouped spatial zones with flexible relationships and cross-group edges.
Canvas-spec compliant output: Produces importable JSON with nodes, edges, unique IDs, spacing validation, and correct quote escaping for Chinese content.

Quick Start

Generate an Obsidian Canvas mind map from the following outline text, using a MindMap layout, and output only directly importable Canvas JSON.

Frequently Asked Questions about obsidian-canvas-creator

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

FAQPage Schema

How do I convert text into an Obsidian Canvas mind map?▼

To convert text into an Obsidian Canvas mind map, this Skill generates Canvas JSON from structured outlines, creating spatial node hierarchies with parent-child branches and validated coordinates for interactive visualization.

What is the process for generating Canvas JSON from an outline?▼

Generating Canvas JSON from an outline involves parsing hierarchical text to produce nodes and edges with unique IDs, applying spacing validation to avoid overlaps, and ensuring correct JSON escaping for direct import into Obsidian.

Can I create freeform diagrams with cross-group edges in Obsidian Canvas?▼

Yes, you can create freeform diagrams in Obsidian Canvas by placing concepts into grouped spatial zones, establishing flexible relationships, and mapping cross-group edges to visualize network-style connections.

Does the generated Canvas JSON support Chinese content escaping?▼

The generated Canvas JSON supports Chinese content escaping by applying correct quote escaping rules, ensuring spatial nodes and edges with Chinese text import seamlessly without syntax errors.

What's the best way to visualize network-style connections from notes?▼

The best way to visualize network-style connections from notes is generating freeform Canvas JSON, placing concepts into spatial zones with flexible cross-group edges to map complex relationships automatically.

Why do my Canvas nodes overlap when importing JSON into Obsidian?▼

Canvas nodes overlap during JSON import when spatial coordinates lack proper validation. Generating Canvas JSON with automated spacing validation ensures unique node positioning and prevents layout collisions.