skills.rest
zephyrwang6
zephyrwang6COMMUNITY
Explore all skills by this author →
GitHub

json-canvas

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

333|83|Updated Jan 9, 2026
Search Tags:#json#obsidian#flowchart#canvas#diagram#mind-map
One-click install
npx skills add https://github.com/zephyrwang6/myskill --skill json-canvas
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: json-canvas
Source: https://github.com/zephyrwang6/myskill/tree/main/obsidian-skills-main/json-canvas
Command: npx skills add https://github.com/zephyrwang6/myskill --skill json-canvas

SYSTEM DOCUMENTATION & REQUIREMENTS

## What problem does it solve? JSON Canvas files enable visual planning and schematic diagrams for Obsidian and other apps; this skill provides tooling to create and edit .canvas diagrams, reducing manual JSON editing and formatting.

## Core Features & Use Cases

  • Create, edit, and validate .canvas files with nodes, edges, and groups for mind maps, flowcharts, and project diagrams.
  • Support common node types (text, file, link, group) and simple styling via color presets.
  • Use Case: Build a project canvas with a central idea and connected sub-nodes, then export or reuse it across notes.

### Quick Start

  • Use the json-canvas skill to create a basic canvas with a single text node and an edge.

Frequently Asked Questions about json-canvas

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create flowcharts and mind maps in Obsidian?▼

JSON Canvas files enable visual flowcharts and mind maps in Obsidian by structuring nodes, edges, and groups as JSON. This skill creates and edits .canvas files to build connected diagrams for planning and organization without manual JSON editing.

What is the JSON Canvas format and how does it work?▼

JSON Canvas is a standardized format (Spec 1.0) for storing visual diagrams as structured data. It uses nodes (text, file, link, group), edges for connections, and optional color styling to represent flowcharts, mind maps, and project canvases in Obsidian and compatible apps.

Can I edit .canvas files without writing JSON manually?▼

Yes. This skill provides tooling to create and edit .canvas diagram files through structured operations, eliminating manual JSON formatting and syntax errors while maintaining full JSON Canvas Spec 1.0 compliance.

What diagram types can I build with JSON Canvas?▼

JSON Canvas supports mind maps, flowcharts, project canvases, and any structured planning diagram using text nodes, file references, links, and groups with color styling to organize and visualize connected information.

How do I validate and export canvas diagrams from Obsidian?▼

This skill creates valid .canvas files that adhere to JSON Canvas Spec 1.0 and can be exported or reused across Obsidian notes, enabling diagram portability and integration into broader documentation workflows.

Related Skills

Explore More Design & Creative Skills→
richfremrichfrem
5

obsidian-canvas-architect

Create and manipulate Obsidian Canvas files with JSON Canvas Spec 1.0.

Community
Advanced
billlzzz26billlzzz26
4

story-export

Export StoryGraph data into Mermaid diagrams, Canvas JSON, Markdown, HTML dashboards, and MCP UI dashboards.

Community
Advanced
WizarckWizarck

obsidian-markdown

Create and edit Obsidian-flavored Markdown notes with wikilinks, embeds, callouts, frontmatter, and tags.

Community
Intermediate
wosnatwosnat

cypher-queries

Run Cypher queries against a Neo4j knowledge graph using prepared templates.

Community
Advanced