·json-canvas

Create and edit JSON Canvas files (.canvas) with nodes, edges, groups, and connections. Use when working with .canvas files, creating visual canvases, mind maps, flowcharts, or when the user mentions Canvas files in Obsidian.

66Installs·5Trend·@freestylefly

Installation

$npx skills add https://github.com/freestylefly/canghe-skills --skill json-canvas

How to Install json-canvas

Quickly install json-canvas AI skill to your development environment via command line

  1. Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Run Installation Command: Copy and run this command: npx skills add https://github.com/freestylefly/canghe-skills --skill json-canvas
  3. Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: freestylefly/canghe-skills.

SKILL.md

View raw

This skill enables skills-compatible agents to create and edit valid JSON Canvas files (.canvas) used in Obsidian and other applications.

JSON Canvas is an open file format for infinite canvas data. Canvas files use the .canvas extension and contain valid JSON following the JSON Canvas Spec 1.0.

Nodes are objects placed on the canvas. There are four node types:

Create and edit JSON Canvas files (.canvas) with nodes, edges, groups, and connections. Use when working with .canvas files, creating visual canvases, mind maps, flowcharts, or when the user mentions Canvas files in Obsidian. Source: freestylefly/canghe-skills.

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/freestylefly/canghe-skills --skill json-canvas
Category
*Creative Media
Verified
First Seen
2026-02-25
Updated
2026-03-10

Browse more skills from freestylefly/canghe-skills

Quick answers

What is json-canvas?

Create and edit JSON Canvas files (.canvas) with nodes, edges, groups, and connections. Use when working with .canvas files, creating visual canvases, mind maps, flowcharts, or when the user mentions Canvas files in Obsidian. Source: freestylefly/canghe-skills.

How do I install json-canvas?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/freestylefly/canghe-skills --skill json-canvas Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Where is the source repository?

https://github.com/freestylefly/canghe-skills