skills.rest
kv0906
kv0906COMMUNITY
Explore all skills by this author →
Website𝕏@will_tran33GitHub

json-canvas

Generate and manipulate JSON Canvas files with nodes and edges.

134|33|Updated Nov 22, 2025
Search Tags:#note-taking#flowchart#organization#mind map#json canvas#visual thinking
One-click install
npx skills add https://github.com/kv0906/pm-kit --skill json-canvas-kv0906
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: json-canvas
Source: https://github.com/kv0906/pm-kit/tree/main/.claude/skills/json-canvas
Command: npx skills add https://github.com/kv0906/pm-kit --skill json-canvas-kv0906

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, enabling better organization and visualization of complex information.

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.
  • Visual Organization: Structure information visually for clarity and understanding.
  • Use Case: When planning a new project, use this Skill to create a canvas with nodes for 'Requirements', 'Design', 'Development', and 'Testing', connecting them to show the workflow.

Quick Start

Create a new JSON Canvas file named 'project-plan.canvas' with a 'Planning' text node and a 'Resources' group node.

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 mind map or flowchart using JSON Canvas?▼

You can create a mind map or flowchart using JSON Canvas by generating a .canvas file with text, file, link, and group nodes, then defining customizable edges to connect them. This structures complex information visually.

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

JSON Canvas supports adding text, file, link, and group nodes to your canvas. These nodes can be customized with various properties and connected using edges to map out workflows and ideas.

Can I use JSON Canvas files with Obsidian for visual thinking?▼

Yes, JSON Canvas files (.canvas) are compatible with applications like Obsidian. You can use this format to facilitate visual thinking, mind mapping, and flowchart creation directly within your note-taking environment.

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

You define relationships between nodes in a .canvas file by creating edges with customizable connections. This allows you to visually link text, file, link, and group nodes to show project workflows and structure.

What is the best way to visually structure project planning information?▼

The best way to visually structure project planning information is by creating a JSON Canvas file. You can generate nodes for Requirements, Design, Development, and Testing, then connect them with edges to clearly show the project workflow.

Related Skills

Explore More Design & Creative Skills→
heyitsnoahheyitsnoah
2.6k

json-canvas

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

Community
Intermediate
jackjin1997jackjin1997
11

json-canvas

Generate and manipulate JSON Canvas files with nodes and edges.

Community
Intermediate
zephyrwang6zephyrwang6
333

json-canvas

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

Community
Basic
guanyangguanyang
947

json-canvas

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

Community
Intermediate