skills.rest
lucasbenevinuto
lucasbenevinutoCOMMUNITY
Explore all skills by this author →
GitHub

json-canvas

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

Updated Feb 22, 2026
Search Tags:#obsidian#flowchart#canvas#diagram#mind-map#json-canvas
One-click install
npx skills add https://github.com/lucasbenevinuto/Social-Data --skill json-canvas-lucasbenevinuto
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: json-canvas
Source: https://github.com/lucasbenevinuto/Social-Data/tree/main/.claude/skills/obsidian.canva
Command: npx skills add https://github.com/lucasbenevinuto/Social-Data --skill json-canvas-lucasbenevinuto

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Editing and visualizing JSON Canvas files is tedious without a dedicated editor; this skill streamlines creation and modification of .canvas files for Obsidian-centered workflows.

Core Features & Use Cases

  • Create and edit JSON Canvas files (.canvas) with nodes, edges, and groups.
  • Support text, file, link, and group nodes to model ideas, diagrams, and mind maps.
  • Use Case: Build a project storyboard or flowchart directly in Obsidian with SVG exports for sharing.

Quick Start

Create a new canvas file named example.canvas containing a simple scene and save it.

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?▼

Create a JSON Canvas file for Obsidian by structuring top-level nodes and edges according to the JSON Canvas Spec 1.0. This skill generates valid .canvas files containing text, file, link, and group node types to model diagrams.

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

Yes, JSON Canvas supports building mind maps and flowcharts in Obsidian. It defines nodes and edges that map ideas and processes, allowing you to visually model project diagrams directly inside compatible apps.

What node types does the JSON Canvas Spec 1.0 support?▼

The JSON Canvas Spec 1.0 supports text, file, link, and group node types. These nodes can be organized using top-level edges and color grouping properties to design structured visual diagrams.

Does this Obsidian canvas generator support color properties and groups?▼

Yes, this Obsidian canvas generator supports color properties and grouping. It enforces the JSON Canvas Spec 1.0 structure, allowing you to apply colors and group nodes alongside top-level edges for organized diagrams.

What is the best way to edit .canvas files without the Obsidian interface?▼

Editing .canvas files without the Obsidian interface is streamlined by generating raw JSON Canvas structures. This skill enforces the JSON Canvas Spec 1.0, allowing you to programmatically create and modify nodes and edges.

Why are my Obsidian canvas files not rendering correctly?▼

Obsidian canvas files fail to render correctly when the JSON Canvas Spec 1.0 structure is invalid. Ensure your .canvas files contain properly formatted top-level nodes and edges with supported types like text, file, link, and group.

Related Skills

Explore More Design & Creative Skills→
jpjednorskijpjednorski

json-canvas

Create and edit JSON Canvas files with nodes and edges.

Community
Basic
zavorynzavoryn

json-canvas

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

Community
Intermediate
family3253family3253

kepano-json-canvas

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

Community
Intermediate
zephyrwang6zephyrwang6
333

json-canvas

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

Community
Basic