skills.rest
okw0204
okw0204COMMUNITY
Explore all skills by this author →
GitHub

json-canvas

Create and edit JSON Canvas files with nodes and edges in Obsidian.

Updated Mar 10, 2026
Search Tags:#nodes#obsidian#flowchart#canvas#edges#mind-map#json-canvas
One-click install
npx skills add https://github.com/okw0204/dotfiles --skill json-canvas-okw0204
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: json-canvas
Source: https://github.com/okw0204/dotfiles/tree/main/dot_config/opencode/skills/obsidian-skills/skills/json-canvas
Command: npx skills add https://github.com/okw0204/dotfiles --skill json-canvas-okw0204

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

JSON Canvas makes it easy to create and manage visual canvases that describe ideas, workflows, and mind maps by storing content as structured JSON in Obsidian.

Core Features & Use Cases

  • Create new canvases with a base structure containing nodes and edges
  • Add, edit, and validate nodes (text, file, link, group) and edges
  • Visualize relationships for planning, brainstorming, and documentation within Obsidian
  • Use cases include mind maps for brainstorming, flowcharts for processes, and project dashboards

Quick Start

Create a new .canvas file and start adding nodes and edges to model your idea visually.

Frequently Asked Questions about json-canvas

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

FAQPage Schema
How do I create an Obsidian JSON Canvas with nodes and edges?▼

To create an Obsidian JSON Canvas, you generate a .canvas file containing structured JSON with required node and edge fields. The skill automates creating this base structure, applying unique IDs and coordinate placement to visually map ideas, workflows, and mind maps.

What is a JSON Canvas file used for in Obsidian?▼

A JSON Canvas file is used to describe ideas, workflows, and mind maps visually within Obsidian. By storing content as structured JSON with nodes and edges, it enables users to create canvases for brainstorming, project planning, and process diagramming.

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

Yes, you can use JSON Canvas to build flowcharts and mind maps by automating the creation and editing of nodes and edges. It applies to diagramming workflows, ensuring valid JSON structure and validating references for visual consistency.

Does the Obsidian JSON Canvas format support file and link nodes?▼

Yes, the Obsidian JSON Canvas format supports adding, editing, and validating text, file, link, and group nodes. The skill ensures these node types maintain valid JSON structure with required fields and unique IDs for accurate visual organization.

How to validate a JSON Canvas file for missing required fields?▼

To validate a JSON Canvas file, the skill checks for required node and edge fields, ensures unique IDs, and validates references for consistency. This guarantees the canvas maintains a valid JSON structure for accurate visual rendering in Obsidian.

Related Skills

Explore More Design & Creative Skills→
kimgeakimgea

json-canvas

Generate and edit JSON Canvas files with nodes and edges.

Community
Intermediate
jpjednorskijpjednorski

json-canvas

Create and edit JSON Canvas files with nodes and edges.

Community
Basic
zephyrwang6zephyrwang6
333

json-canvas

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

Community
Basic
glfruitglfruit

obsidian-canvas

Create and edit JSON Canvas files with nodes and edges.

Community
Advanced