skills.rest
anbeime
anbeimeCOMMUNITY
Explore all skills by this author →
GitHub

json-canvas

Create and edit JSON Canvas files with nodes and edges.

5.0k|479|Updated Feb 2, 2026
Search Tags:#obsidian#flowchart#diagramming#node editor#mind map#json canvas
One-click install
npx skills add https://github.com/anbeime/skill --skill json-canvas-anbeime
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: json-canvas
Source: https://github.com/anbeime/skill/tree/main/skills/obsidian-skills-integrated/json-canvas
Command: npx skills add https://github.com/anbeime/skill --skill json-canvas-anbeime

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill allows for the programmatic creation and editing of JSON Canvas files, enabling the generation of visual canvases, mind maps, and flowcharts for applications like Obsidian.

Core Features & Use Cases

  • Node Creation: Supports text, file, link, and group nodes with customizable attributes.
  • Edge Connections: Enables defining connections between nodes with various styling options.
  • Use Case: Generate a complex mind map for a new project, defining key tasks, resources, and their relationships, all within a .canvas file.

Quick Start

Create a new JSON Canvas file with a text node containing 'Hello World' at coordinates (0,0).

Frequently Asked Questions about json-canvas

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

FAQPage Schema
What is the best way to automate project mind map generation in Obsidian?▼

The best way to automate project mind map generation in Obsidian is to programmatically output a .canvas file. You can define key tasks, resources, group nodes, and their relationship edges directly through the JSON Canvas Spec 1.0 structure.

What is the JSON Canvas format and how does it structure visual diagrams?▼

The JSON Canvas format structures visual organization data into .canvas files using the JSON Canvas Spec 1.0. It represents canvas elements as text, file, link, and group nodes with customizable positions and colors, alongside edges defining relational connections.

Can I define connections between nodes in a JSON Canvas file?▼

Yes, you can define connections between nodes in a JSON Canvas file by creating edges. This Skill supports edge connections with various styling options to explicitly define the relationships between your text, file, link, and group nodes.

Does this approach for generating Obsidian Canvas files support grouping and custom positioning?▼

Yes, generating Obsidian Canvas files with this method supports group nodes and customizable positioning. You can set exact coordinates, dimensions, and colors for text, file, link, and group nodes to build complex visual canvases.

What is the best way to automate project mind map generation in Obsidian?▼

The best way to automate project mind map generation in Obsidian is to programmatically output a .canvas file. You can define key tasks, resources, group nodes, and their relationship edges directly through the JSON Canvas Spec 1.0 structure.

Related Skills

Explore More Software Engineering Skills→
iliagermaniliagerman
1

json-canvas

Create and manipulate JSON Canvas files with nodes and edges.

Community
Intermediate
zavorynzavoryn

json-canvas

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

Community
Intermediate
TreasoniTreasoni

json-canvas

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

Community
Intermediate
jackjin1997jackjin1997
11

json-canvas

Generate and manipulate JSON Canvas files with nodes and edges.

Community
Intermediate