skills.rest
xotong
xotongCOMMUNITY
Explore all skills by this author →
GitHub

json-canvas

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

2|Updated May 8, 2026
Search Tags:#nodes#obsidian#visualization#canvas#diagram#edges#json-canvas
One-click install
npx skills add https://github.com/xotong/claude-marketplace --skill json-canvas-xotong
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: json-canvas
Source: https://github.com/xotong/claude-marketplace/tree/main/plugins/obsidian/skills/json-canvas
Command: npx skills add https://github.com/xotong/claude-marketplace --skill json-canvas-xotong

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill helps users create and edit JSON Canvas canvases (.canvas) inside Obsidian, enabling visual representations of ideas without manual JSON editing.

Core Features & Use Cases

  • Create new canvases with nodes and edges following the JSON Canvas Spec.
  • Add, edit, and organize nodes (text, file, link, group) and edges for flow, mind maps, or project boards.
  • Validate JSON, maintain unique IDs, and ensure edge references connect existing nodes for reliable diagrams.

Quick Start

Create a new .canvas file in your vault and start adding nodes and edges to visualize your ideas.

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 in Obsidian without writing JSON manually?▼

To create a JSON Canvas file in Obsidian, you can use this Skill to generate and edit .canvas files programmatically. It constructs the JSON structure, adds nodes and edges, and validates the schema automatically.

What types of nodes and edges can I add to an Obsidian canvas diagram?▼

You can add text, file, link, and group nodes to an Obsidian canvas diagram. Edges connect these existing nodes to build visual flows, mind maps, or project boards.

Does this approach validate JSON Canvas schemas and ensure unique node IDs?▼

Yes, this approach validates JSON Canvas schemas and ensures unique node IDs. It checks JSON structure and verifies that edge references connect to existing nodes, preventing broken canvases.

Can I use this to build flowcharts and project boards inside an Obsidian vault?▼

Yes, you can use this to build flowcharts and project boards inside an Obsidian vault. It organizes nodes and edges to visualize ideas and processes directly within your existing files.

What is the best way to edit existing .canvas files and connect new nodes?▼

The best way to edit existing .canvas files is to append or modify nodes and edges while maintaining schema validation. This ensures edge references connect existing nodes correctly without breaking the visual diagram.

Related Skills

Explore More Software Engineering Skills→
CarbeneAICarbeneAI
9

Obsidian

Create and edit Obsidian Markdown, Bases, and JSON Canvas files.

Community
Intermediate
kv0906kv0906
134

json-canvas

Generate and manipulate JSON Canvas files with nodes and edges.

Community
Intermediate
flowing-abyssflowing-abyss
4

json-canvas

Create and edit JSON Canvas files with nodes and edges.

Community
Intermediate
maedmattmaedmatt
3

json-canvas

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

Community
Basic