skills.rest
stamatim
stamatimCOMMUNITY
Explore all skills by this author →
GitHub

json-canvas

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

Updated Aug 23, 2026
Search Tags:#nodes#json#obsidian#canvas#diagram#edges#mind-map
One-click install
npx skills add https://github.com/stamatim/agent-skills --skill json-canvas-stamatim
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: json-canvas
Source: https://github.com/stamatim/agent-skills/tree/main/.agents/skills/json-canvas
Command: npx skills add https://github.com/stamatim/agent-skills --skill json-canvas-stamatim

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

JSON Canvas files are verbose to create and edit by hand, hindering quick visualization of ideas, mind maps, and workflows in Obsidian.

Core Features & Use Cases

  • Create and edit .canvas files with nodes, edges, and groups for flexible visual representations.
  • Visualize ideas, workflows, and project plans as interconnected diagrams inside Obsidian and compatible apps.
  • Use cases include planning, mapping dependencies, and documenting processes and ideas for rapid iteration.

Quick Start

Create a sample .canvas file containing at least one text node and a single edge to illustrate a simple concept.

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

You can create valid .canvas files by structuring nodes, edges, and groups according to the JSON Canvas Spec 1.0. This generates diagrams for planning and mind maps directly readable by Obsidian.

What is the JSON Canvas format used for?▼

JSON Canvas is a format for visualizing ideas, workflows, and project plans as interconnected diagrams. It uses structured nodes and edges to map dependencies and document processes for rapid iteration.

Can I use this to generate mind maps with nodes and edges?▼

Yes, you can generate mind maps by defining text nodes and connecting them with edges. This produces a valid .canvas file that visualizes conceptual relationships and dependencies inside compatible applications.

Does the JSON Canvas spec support grouping nodes and setting colors?▼

Yes, the JSON Canvas spec supports optional groupings and valid color attributes. You can organize nodes into groups and apply colors to enhance visual layout and diagram clarity.

What is the best way to edit a .canvas file without breaking the structure?▼

The best way to edit a .canvas file is to ensure strict conformance to the JSON Canvas Spec 1.0. Maintain valid node and edge structures, including correct layout and color attributes, to prevent file corruption.

Are JSON Canvas files compatible with apps other than Obsidian?▼

Yes, JSON Canvas files are compatible with other apps that support the JSON Canvas Spec 1.0. The structured .canvas format enables diagram portability across different visualization and documentation platforms.

Related Skills

Explore More Design & Creative Skills→
dr-codedr-code

json-canvas

Create and edit JSON Canvas files with validated node and edge structures.

Community
Intermediate
wyhlovecppwyhlovecpp

obsidian-canvas-creator

Convert structured text into interactive Obsidian Canvas mind maps.

Community
Intermediate
rinbarpenrinbarpen

excalidraw-diagram

Convert text into Excalidraw diagrams with Obsidian-ready markdown output.

Community
Basic
giwankimgiwankim

json-canvas

Generate and edit JSON Canvas files with structured nodes, edges, and groups.

Community
Basic