skills.rest
badaniya
badaniyaCOMMUNITY
Explore all skills by this author →
GitHub

json-canvas

Create and edit JSON Canvas files (.canvas) with nodes, edges, and groups for Obsidian apps.

1|Updated May 15, 2025
Search Tags:#obsidian#canvas#create#diagram#mind-map#json-canvas
One-click install
npx skills add https://github.com/badaniya/.stowed --skill json-canvas-badaniya
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: json-canvas
Source: https://github.com/badaniya/.stowed/tree/main/agents/.agents/skills/json-canvas
Command: npx skills add https://github.com/badaniya/.stowed --skill json-canvas-badaniya

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires .

What problem does it solve?

Create and edit JSON Canvas files (.canvas) to organize ideas, diagrams, or dashboards inside Obsidian without switching tools.

Core Features & Use Cases

  • Create and edit nodes of types text, file, link, and group.
  • Connect nodes with edges to represent relationships and flows.
  • Visualize mind maps, workflows, and project canvases within Obsidian.

Quick Start

Ask the AI to generate a sample .canvas file with two text nodes connected by an edge to illustrate a simple canvas.

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 create a .canvas file by defining nodes, edges, and groups with required fields including id, type, x, y, width, and height. This produces a valid JSON Canvas file for visualizing diagrams inside Obsidian.

What is the JSON Canvas spec for nodes and edges?▼

The JSON Canvas spec requires fields like id, type, x, y, width, and height for nodes. It supports text, file, link, and group node types, connects them with edges to represent flows, and validates references to existing nodes.

Can I generate a mind map using a .canvas file in Obsidian?▼

Yes, you generate mind maps by creating text nodes and connecting them with edges. The JSON Canvas format supports visualizing mind maps, flowcharts, and project dashboards directly within Obsidian.

Does JSON Canvas support color presets and file links?▼

JSON Canvas supports color presets and various node types including text, file, and link. You can create nodes that reference existing files, define groups to organize ideas, and apply color presets to differentiate elements.

What are the limitations of automated JSON Canvas generation?▼

Automated JSON Canvas generation is limited to structuring static nodes, edges, and groups for diagrams. It enforces strict spec compliance with required fields and valid node references rather than rendering interactive visual components.

Related Skills

Explore More Design & Creative Skills→
ahostbrahostbr
12

obsidian-canvas-creator

Convert text into Obsidian Canvas JSON with MindMap or Freeform layouts.

Community
Advanced
levi-qiaolevi-qiao
6

obsidian-canvas-creator

Convert textual information into Obsidian Canvas JSON files for visual diagrams.

Community
Intermediate
zephyrwang6zephyrwang6
333

json-canvas

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

Community
Basic
ZeroZ-labZeroZ-lab
10

gm-architecture

Generate architecture diagrams from natural language descriptions.

Community
Intermediate