skills.rest
diegocamara89
diegocamara89COMMUNITY
Explore all skills by this author →
GitHub

json-canvas

Define and manipulate JSON Canvas files with nodes and edges per Spec 1.0.

3|3|Updated Apr 5, 2026
Search Tags:#flowchart#canvas#diagram#mind-map#json-canvas
One-click install
npx skills add https://github.com/diegocamara89/ai-skills-hub --skill json-canvas-diegocamara89
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: json-canvas
Source: https://github.com/diegocamara89/ai-skills-hub/tree/main/all-skills/json-canvas
Command: npx skills add https://github.com/diegocamara89/ai-skills-hub --skill json-canvas-diegocamara89

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

JSON Canvas enables users to create and edit visual canvases composed of nodes and edges, allowing rapid visualization of ideas, workflows, and project structures within Obsidian or similar tools.

Core Features & Use Cases

  • Define and manipulate canvases with two top-level arrays: nodes and edges, supporting text, file, link, and group node types.
  • Create new canvases, add nodes, connect them with edges, and validate data integrity through unique IDs and valid references.
  • Common use cases include mind maps, flowcharts, project boards, and research canvases for organizing information and concepts.

Quick Start

Create a new .canvas file with the base structure {"nodes": [], "edges": []} and start by adding a text node and a link to map 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 an Obsidian mind map?▼

Create a JSON Canvas file by defining a base structure with two top-level arrays, nodes and edges, to build mind maps in Obsidian. Add text, file, link, or group nodes and connect them using validated edges to map concepts.

What is the JSON Canvas spec structure for flowcharts?▼

The JSON Canvas spec structure for flowcharts uses a JSON file containing nodes and edges arrays. It supports text, file, link, and group node types, enforcing unique IDs and validating edge references to maintain diagram data integrity.

Does JSON Canvas support file and link nodes for project boards?▼

Yes, JSON Canvas supports file and link nodes for project boards. You can define and manipulate these node types alongside text and group nodes, ensuring all connections use unique IDs and valid references for structural validation.

How do I validate edge references in a JSON Canvas diagram?▼

Validate edge references in a JSON Canvas diagram by ensuring every edge connects existing nodes with unique IDs. The system enforces data integrity by validating these references, supporting text, file, link, and group node types within the canvas.

Can I use JSON Canvas to group nodes in a diagram?▼

Yes, you can use JSON Canvas to group nodes in a diagram. The specification supports group node types, allowing you to organize text, file, and link nodes visually while maintaining valid JSON and unique edge connections.

What are the limitations of editing JSON Canvas files manually?▼

Editing JSON Canvas files manually risks breaking valid JSON and losing data integrity. Without enforcing unique node and edge IDs or validating edge references, diagrams like flowcharts and mind maps may fail to load in Obsidian.

Related Skills

Explore More Design & Creative Skills→
CodingHeaderCodingHeader

json-canvas

Create and edit JSON Canvas files with nodes and edges for visual maps.

Community
Intermediate
CHENyiru3CHENyiru3

json-canvas

Create, validate, and modify JSON canvas structures with nodes and edges.

Community
Intermediate
iliagermaniliagerman
1

json-canvas

Create and manipulate JSON Canvas files with nodes and edges.

Community
Intermediate
billlzzz26billlzzz26
4

json-canvas

Create and edit JSON Canvas files with unique IDs and validated edges.

Community
Intermediate