skills.rest
davepoon
davepoonCOMMUNITY
Explore all skills by this author →
Website𝕏@davepoonGitHub

json-canvas

Create and manage JSON Canvas diagrams in .canvas files.

3.3k|453|Updated Jul 25, 2025
Search Tags:#planning#obsidian#flowchart#canvas#diagram#mind-map#json-canvas
One-click install
npx skills add https://github.com/davepoon/buildwithclaude --skill json-canvas-davepoon
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: json-canvas
Source: https://github.com/davepoon/buildwithclaude/tree/main/plugins/all-skills/skills/json-canvas
Command: npx skills add https://github.com/davepoon/buildwithclaude --skill json-canvas-davepoon

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

JSON Canvas provides a structured, portable format to create and edit diagrams, mind maps, and flowcharts inside Obsidian and other tools, enabling consistent visual planning and documentation.

Core Features & Use Cases

  • Create and edit .canvas files containing nodes and edges to model ideas, processes, and relationships
  • Support node types: text, file, link, and group to represent diverse content
  • Represent diagrams such as mind maps, project boards, and data flows with a simple JSON structure
  • Validate against the JSON Canvas Spec 1.0 to ensure interoperability across tools

Quick Start

Create a new .canvas file with a single text node and an edge connecting to another node.

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 diagram for visual planning inside Obsidian?▼

To create a JSON Canvas diagram, generate a .canvas file containing structured nodes and edges. This format models ideas and processes as text, file, link, or group nodes connected by directional edges for visual mapping inside Obsidian.

Can I use JSON Canvas to build flowcharts and mind maps for project boards?▼

Yes, JSON Canvas supports building flowcharts, mind maps, and project boards. It uses a simple JSON structure to represent diverse content through node types like text, file, link, and group, connected via edges to map relationships.

What is the JSON Canvas Spec 1.0 and why is it needed for documentation workflows?▼

The JSON Canvas Spec 1.0 is a structured, portable format ensuring interoperability across tools. It is needed for documentation workflows to provide consistent visual mapping and validate diagrams containing nodes and directional edges.

Does JSON Canvas support different node types for complex diagram structures?▼

JSON Canvas supports four node types: text, file, link, and group. These node types allow you to represent diverse content and model complex diagram structures by connecting them with edges using fromNode and toNode properties.

How do I validate a .canvas file against the JSON Canvas Spec 1.0?▼

You validate a .canvas file by ensuring its JSON structure correctly implements nodes and edges according to the JSON Canvas Spec 1.0. This validation ensures interoperability across tools that support the format.

What are the limitations of using JSON Canvas for data flow representation?▼

JSON Canvas represents data flows using a simple JSON structure of nodes and directional edges. It is designed for visual mapping and documentation rather than executing live data pipelines or processing dynamic backend logic.

Related Skills

Explore More Content & Communication Skills→
zephyrwang6zephyrwang6
333

json-canvas

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

Community
Basic
songzhuozhusongzhuozhu
118

json-canvas

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

Community
Intermediate
TreasoniTreasoni

json-canvas

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

Community
Intermediate
oguzhanguvenkayaoguzhanguvenkaya

json-canvas

Create JSON Canvas files with nodes, edges, and validated references.

Community
Intermediate