skills.rest
mattbeard0
mattbeard0COMMUNITY
Explore all skills by this author →
GitHub

json-canvas

Create and edit JSON Canvas diagrams with nodes and edges.

Updated Apr 29, 2026
Search Tags:#flowchart#visualization#mind map#diagram#obstacle#jsoncanvas
One-click install
npx skills add https://github.com/mattbeard0/obsidian-project --skill json-canvas-mattbeard0
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: json-canvas
Source: https://github.com/mattbeard0/obsidian-project/tree/main/skills/json-canvas
Command: npx skills add https://github.com/mattbeard0/obsidian-project --skill json-canvas-mattbeard0

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill enables users to design, modify, and validate JSON Canvas files, facilitating visual organization of ideas, workflows, and research data.

Core Features & Use Cases

  • Diagram Creation: Generate structured .canvas files with nodes and edges for visual representations.
  • Content Editing: Update node positions, types, and labels to refine diagrams.
  • Use Case: Create interactive mind maps or flowcharts to visualize project stages, research connections, or process flows within Obsidian.

Quick Start

Use the json-canvas skill to add a new node at position x=100, y=200 on your existing canvas file.

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

To create a JSON Canvas diagram for a mind map, generate a structured `.canvas` file with defined nodes and edges. This process enables visual data organization directly within compatible platforms like Obsidian.

How do I edit node positions in an existing .canvas flowchart?▼

Editing node positions in an existing `.canvas` flowchart involves updating the JSON data structure to modify coordinates, types, and labels. This refines visual representations of workflows and process flows.

Can I use JSON Canvas to visualize research connections in Obsidian?▼

Yes, JSON Canvas supports creating interactive diagrams to visualize research connections in Obsidian. You can generate visual representations of project stages and data relationships using structured JSON.

What is the best way to validate JSON Canvas diagram integrity?▼

The best way to validate JSON Canvas diagram integrity is by processing the JSON data structures to ensure proper node and edge management. This validation confirms the structural soundness of your visual data organization.

Do I need external dependencies to manage JSON Canvas files?▼

No external dependencies are required to manage JSON Canvas files beyond standard JSON processing libraries. The Skill handles node and edge management natively without additional package installations.

Related Skills

Explore More Design & Creative Skills→
cocyuhaococyuhao
1

json-canvas

Create and validate JSON Canvas files with nodes and edges per Spec 1.0.

Community
Intermediate
kepanokepano
44.5k

json-canvas

Create and edit JSON Canvas files with nodes and edges.

Community
Advanced
thimsluggathimslugga

json-canvas

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

Community
Intermediate
rittmananalyticsrittmananalytics
8

dbt-dag

Generate Mermaid flowcharts of dbt model and source dependencies.

Official
Intermediate