skills.rest
kirakuiin
kirakuiinCOMMUNITY
Explore all skills by this author →
GitHub

json-canvas

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

Updated Oct 10, 2023
Search Tags:#flowchart#visualization#canvas#diagram#mind-map#json-canvas
One-click install
npx skills add https://github.com/kirakuiin/note --skill json-canvas-kirakuiin
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: json-canvas
Source: https://github.com/kirakuiin/note/tree/main/Obsidian%20Vault/9-Meta/Skills/json-canvas
Command: npx skills add https://github.com/kirakuiin/note --skill json-canvas-kirakuiin

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

JSON Canvas files let you visualize ideas as interconnected nodes and edges, enabling structured diagramming within Obsidian without switching tools.

Core Features & Use Cases

  • Create and edit .canvas files with nodes, edges, and groups following the JSON Canvas Spec.
  • Validate structure, auto-generate 16-character IDs for new nodes, and connect nodes with edges for flowcharts, mind maps, or project canvases.
  • Use Case: quickly sketch a project flow or a mind map by adding nodes and linking them to reflect relationships.

Quick Start

Create a new .canvas file with {"nodes": [], "edges": []} and start adding nodes and edges to outline your idea.

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

The JSON Canvas structure validates edge references to ensure data integrity. It checks that edges connect existing nodes and enforces the correct JSON schema, preventing broken links in visual diagrams.

Does the JSON Canvas format work with Obsidian for project canvases?▼

Yes, the JSON Canvas format works with Obsidian for project canvases. It lets you visualize ideas as interconnected nodes and edges, enabling structured diagramming within Obsidian without switching tools.

How are unique IDs generated for nodes in a .canvas file?▼

Unique IDs for nodes in a .canvas file are auto-generated as 16-character strings. This ensures every node has a distinct identifier when creating and connecting elements in JSON Canvas diagrams.

What's the best way to structure a JSON Canvas file with groups and edges?▼

The best way to structure a JSON Canvas file is by defining nodes, edges, and groups following the JSON Canvas Spec. You connect nodes with edges to reflect relationships, creating valid flowcharts or project canvases.

Why does my JSON Canvas diagram show validation errors with edge references?▼

JSON Canvas validation errors with edge references occur when edges point to non-existent nodes. The structure validates edge references to ensure all connections link valid nodes, enforcing the JSON Canvas Spec.

Related Skills

Explore More Design & Creative Skills→
kimgeakimgea

json-canvas

Generate and edit JSON Canvas files with nodes and edges.

Community
Intermediate
zephyrwang6zephyrwang6
333

json-canvas

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

Community
Basic
zhengfranzhengfran

obsidian-canvas-creator

Convert text content into Obsidian Canvas JSON with structured nodes and edges.

Community
Intermediate
zephyrwang6zephyrwang6
333

mermaid-generator

Convert natural language descriptions into Mermaid flowchart, sequence, and class diagrams.

Community
Basic