skills.rest
Johnson1662
Johnson1662COMMUNITY
Explore all skills by this author →
WebsiteGitHub

json-canvas

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

Updated Jan 24, 2026
Search Tags:#markdown#obsidian#canvas#graph#data-structure#mind-map#json-canvas
One-click install
npx skills add https://github.com/Johnson1662/johnson-obsidian-notes --skill json-canvas-johnson1662
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: json-canvas
Source: https://github.com/Johnson1662/johnson-obsidian-notes/tree/main/content/.claude/skills/json-canvas
Command: npx skills add https://github.com/Johnson1662/johnson-obsidian-notes --skill json-canvas-johnson1662

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Creating and editing JSON Canvas files (.canvas) can be tedious and error-prone without a clear schema. This skill provides structured guidance for building valid canvases that support nodes, edges, and groups, enabling consistent, reusable visuals.

Core Features & Use Cases

  • Create and edit nodes of types text, file, link, and group.
  • Define edges between nodes with optional metadata such as labels and end-points.
  • Use cases include building mind maps, project dashboards, and research canvases for Obsidian or compatible tools.

Quick Start

Create a new canvas file named example.canvas and add a simple text node connected to a second node to establish a basic graph.

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 valid JSON Canvas file for Obsidian?▼

To create a valid JSON Canvas file, define nodes (text, file, link, group) and edges with unique IDs. This skill automates structuring these elements and validates them against the JSON Canvas spec to ensure Obsidian compatibility.

What is the JSON Canvas format used for?▼

The JSON Canvas format is used for creating visual canvases, mind maps, and graphs. It provides a structured schema that supports nodes and edges, enabling you to build project dashboards and research canvases without manual JSON errors.

Can I define connections with labels in a JSON Canvas mind map?▼

Yes, you can define connections with labels in a JSON Canvas mind map. The skill supports edge definitions between nodes, allowing you to append optional metadata such as custom labels and specific end-points to your graph connections.

Does this approach support grouping nodes in Obsidian canvases?▼

Yes, this approach supports grouping nodes in Obsidian canvases. You can create and edit group nodes alongside text, file, and link nodes, establishing structured visual boundaries within your canvas while enforcing correct connection schemas.

What's the best way to automate building mind maps without JSON schema errors?▼

The best way to automate building mind maps without JSON schema errors is to use a structured generator that validates structure against the JSON Canvas spec. This enforces correct connections, unique IDs, and proper node types automatically.

Why does my custom JSON Canvas file fail to render in Obsidian?▼

Your custom JSON Canvas file fails to render in Obsidian due to structural validation errors. This skill enforces correct connections, validates unique IDs, and ensures proper node definitions against the JSON Canvas spec to prevent rendering issues.

Related Skills

Explore More Software Engineering Skills→
ThuHuynh1438ThuHuynh1438

json-canvas

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

Community
Intermediate
WizarckWizarck

json-canvas

Create and edit Obsidian JSON Canvas graphs with nodes, edges, and groups.

Community
Intermediate
rafaelcostaf4-afkrafaelcostaf4-afk

pdf

Extract text and tables from PDFs into Markdown-ready chunks.

Community
Advanced
iwbc-mzkiwbc-mzk

json-canvas

Creates and edits JSON Canvas files with nodes and edges.

Community
Intermediate