skills.rest
aokazaki-olp
aokazaki-olpCOMMUNITY
Explore all skills by this author →
GitHub

json-canvas

Create and validate JSON Canvas files with nodes and edges.

Updated Feb 1, 2026
Search Tags:#flowchart#canvas#diagram#node#edge#mind-map#json-canvas
One-click install
npx skills add https://github.com/aokazaki-olp/libraries --skill json-canvas-aokazaki-olp
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: json-canvas
Source: https://github.com/aokazaki-olp/libraries/tree/main/nodejs/.agents/skills/json-canvas
Command: npx skills add https://github.com/aokazaki-olp/libraries --skill json-canvas-aokazaki-olp

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

JSON Canvas provides a lightweight, portable way to model visual canvases consisting of nodes and edges, enabling easy sharing and editing of diagrams without heavy tooling.

Core Features & Use Cases

  • Create a new canvas with a valid structure: {"nodes": [], "edges": []} and generate unique IDs for nodes.
  • Add, edit, and connect nodes of types text, file, link, and group, to map ideas, tasks, and workflows.
  • Validate references to ensure IDs exist and all JSON remains parseable, supporting mind maps, flowcharts, and project diagrams.

Quick Start

Create a new .canvas file with the base structure and begin by adding a few text nodes and at least one edge to connect them.

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 to build a flowchart or mind map?▼

To create a JSON Canvas, initialize a file with the base structure {"nodes": [], "edges": []}. You can then add text, file, link, or group nodes and connect them using edges to map ideas and workflows.

What is JSON Canvas and what is it used for?▼

JSON Canvas is a lightweight, portable file format used to model visual canvases of nodes and edges. It is used for creating mind maps, flowcharts, project planning diagrams, and knowledge graphs without heavy tooling.

How do I validate references and ensure JSON validity in a canvas file?▼

Validating references in a canvas file ensures that node and edge IDs exist and the JSON remains parseable. The format enforces 16-character lowercase hexadecimal IDs to maintain structural integrity for all elements.

What types of nodes can I use when generating a canvas diagram?▼

When generating a canvas diagram, you can use four types of nodes: text, file, link, and group. These node types allow you to map ideas, tasks, and workflows across team knowledge graphs.

Can I use JSON Canvas for project planning across different teams?▼

Yes, JSON Canvas supports project planning and knowledge graphs across teams. Its portable structure allows easy sharing and editing of visual workflows and diagrams without requiring heavy tooling.

Related Skills

Explore More Software Engineering Skills→
dull-birddull-bird
6

do.json-canvas

Create and edit JSON Canvas files with enforced schema constraints.

Community
Intermediate
The-AIOSThe-AIOS
15

json-canvas

Create and manipulate JSON Canvas files with nodes, edges, and validation.

Official
Intermediate
AdriftnoteAdriftnote

json-canvas

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

Community
Intermediate
maedmattmaedmatt
3

json-canvas

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

Community
Basic