json-canvas

Create and edit JSON Canvas files with nodes and edges.

Updated Feb 3, 2026
One-click install
npx skills add https://github.com/northseadl/skillwisp --skill json-canvas-northseadl
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: json-canvas
Source: https://github.com/northseadl/skillwisp/tree/main/skills/%40obsidian/json-canvas
Command: npx skills add https://github.com/northseadl/skillwisp --skill json-canvas-northseadl

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill allows for the creation and editing of JSON Canvas files, which are used for visual organization in applications like Obsidian, simplifying the process of building mind maps, flowcharts, and visual notes.

Core Features & Use Cases

  • Node Creation: Supports text, file, link, and group nodes with customizable attributes.
  • Edge Connections: Enables defining relationships between nodes with various styling options.
  • Use Case: You need to create a visual representation of a project's workflow. Use this skill to define nodes for each step, connect them with arrows, and group related tasks together in a .canvas file.

Quick Start

Use the json-canvas skill to create a new canvas file with a text node containing the title 'My First Canvas'.

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 visual notes in Obsidian?

To create a JSON Canvas file for visual notes, you define nodes such as text, file, link, and group, then connect them using edges with specific attributes. This generates a .canvas file for visual organization within compatible applications like Obsidian.

What types of nodes can I use when building a mind map with JSON Canvas?

When building a mind map with JSON Canvas, you can use text, file, link, and group nodes. These nodes support customizable attributes and are connected by edges to form visual note-taking structures and flowcharts.

Can I generate a flowchart and group related tasks together in a .canvas file?

Yes, you can generate a flowchart and group related tasks in a .canvas file by defining nodes for each workflow step, connecting them with directional edges, and organizing related items into group nodes.

Does JSON Canvas support edge styling options for connecting workflow steps?

JSON Canvas supports defining relationships between nodes with various edge styling options. You connect workflow steps by specifying edges that link specific nodes together within the visual organization structure.

What is the best way to programmatically edit an existing .canvas file?

The best way to programmatically edit an existing .canvas file is by manipulating its JSON structure to add or modify nodes and edges. This allows you to update mind maps, flowcharts, and visual notes by adjusting their defined attributes.