skills.rest
CHENyiru3
CHENyiru3COMMUNITY
Explore all skills by this author →
GitHub

json-canvas

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

Updated Apr 19, 2026
Search Tags:#workflow#json#obsidian#canvas#diagram#node#edge
One-click install
npx skills add https://github.com/CHENyiru3/AI-Skills-Collections --skill json-canvas-chenyiru3
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: json-canvas
Source: https://github.com/CHENyiru3/AI-Skills-Collections/tree/main/skills-market/writing/obsidian/json-canvas
Command: npx skills add https://github.com/CHENyiru3/AI-Skills-Collections --skill json-canvas-chenyiru3

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

The JSON Canvas Skill makes it easy to create, edit, and validate canvas structures for visual planning, mind maps, and flowcharts in Obsidian.

Core Features & Use Cases

  • Create new canvases with the base { "nodes": [], "edges": [] } structure and generate unique node and edge IDs.
  • Extend existing canvases by adding or updating nodes and edges while preserving references and layout hints.
  • Validate JSON integrity, ensure unique IDs, verify that edge references point to existing nodes, and support layout best practices.

Quick Start

Create or update a .canvas file to reflect the described nodes and edges.

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 workflow diagram?▼

You can update existing canvas files by adding or modifying nodes and edges while preserving original references and layout hints. This extends your canvas without breaking previously established connections or visual arrangements.

What is the JSON Canvas format used for in flowcharts and mind maps?▼

The JSON Canvas format structures visual planning tools like flowcharts and mind maps using nodes and edges. It provides a parseable JSON structure that defines elements and their relationships for canvas-based applications.

Can I validate node and edge references in a .canvas file?▼

Yes, you can validate JSON integrity by ensuring node IDs are unique and verifying that edge references point to existing nodes. This validation ensures a consistent and parseable canvas structure without broken links.

Do I need external libraries to generate canvas nodes and edges?▼

No external libraries are needed to generate canvas nodes and edges beyond standard JSON handling. The process relies on standard JSON validation to manage IDs, types, and relationships within the file.

How do I add groups and connections to an existing Obsidian canvas?▼

You add groups and connections to an existing Obsidian canvas by extending the nodes and edges arrays in the JSON file. The process preserves existing layout hints while validating any new relationship references.

Related Skills

Explore More Design & Creative Skills→
diegocamara89diegocamara89
3

json-canvas

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

Community
Advanced
wyhlovecppwyhlovecpp

obsidian-canvas-creator

Convert structured text into interactive Obsidian Canvas mind maps.

Community
Intermediate
JaneHuang1833JaneHuang1833
5

paper-analyze

Analyze scholarly papers to generate three Markdown notes and a Canvas visualization.

Community
Advanced
Kushal9889Kushal9889

figma-generate-diagram

Generate interactive FigJam diagrams from Mermaid syntax.

Community
Advanced