skills.rest
iliagerman
iliagermanCOMMUNITY
Explore all skills by this author →
GitHub

json-canvas

Create and manipulate JSON Canvas files with nodes and edges.

1|Updated Jan 30, 2026
Search Tags:#note-taking#obsidian#flowchart#mind map#visualize#json canvas
One-click install
npx skills add https://github.com/iliagerman/mordecai --skill json-canvas-iliagerman
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: json-canvas
Source: https://github.com/iliagerman/mordecai/tree/main/skills/shared/json-canvas
Command: npx skills add https://github.com/iliagerman/mordecai --skill json-canvas-iliagerman

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill simplifies the creation and editing of visual canvases, mind maps, and flowcharts using the JSON Canvas format, commonly used in applications like Obsidian.

Core Features & Use Cases

  • Node Creation: Add text, file, link, and group nodes to your canvas.
  • Edge Connections: Define relationships between nodes with customizable edges.
  • Use Case: Visually map out project ideas, create flowcharts for processes, or organize research notes with interconnected elements.

Quick Start

Use the json-canvas skill to create a new canvas file named 'project_plan.canvas' with nodes for 'Planning', 'Development', and 'Testing'.

Frequently Asked Questions about json-canvas

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

FAQPage Schema
What is a JSON Canvas file and when do I need it for visual organization?▼

A JSON Canvas file (.canvas) is a format for creating visual canvases, mind maps, and flowcharts. You need it when organizing project ideas or research notes with interconnected elements like text, file, and link nodes.

How do I create a visual mind map with JSON Canvas?▼

To create a visual mind map with JSON Canvas, define nodes for text, files, links, or groups, and establish edges to connect them. This builds an interconnected visual map adhering to the JSON Canvas Specification 1.0.

Can I use the JSON Canvas format with Obsidian?▼

Yes, JSON Canvas files are commonly used within Obsidian. The format supports Obsidian's visual canvas features, allowing you to create and manipulate .canvas files containing text, file, link, and group nodes.

How do I connect nodes and define relationships in a .canvas file?▼

You connect nodes in a .canvas file by creating customizable edges between them. Defining these edges establishes the visual relationships and pathways connecting your text, file, link, or group nodes.

What types of nodes can I add to a JSON Canvas flowchart?▼

You can add text, file, link, and group nodes to a JSON Canvas flowchart. These node types allow you to visually map out processes, organize research notes, and structure interconnected elements.

Does JSON Canvas support grouping elements together on a visual canvas?▼

Yes, JSON Canvas supports group nodes, allowing you to group elements together on a visual canvas. This helps organize complex mind maps and flowcharts by clustering related text, file, and link nodes.

Related Skills

Explore More Design & Creative Skills→
zephyrwang6zephyrwang6
333

json-canvas

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

Community
Basic
TreasoniTreasoni

json-canvas

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

Community
Intermediate
your-papayour-papa
1.2k

canvas

Create and manipulate JSON Canvas files with nodes and edges in Obsidian.

Official
Intermediate
axtonliuaxtonliu
3.3k

mermaid-visualizer

Convert textual descriptions into valid Mermaid diagram code.

Community
Intermediate