Json Canvas

If you're working with Obsidian Canvas files or need to generate visual diagrams programmatically, this handles the full JSON Canvas spec. It creates and edits .canvas files with text nodes, file references, links, and groups, connected by edges with customizable endpoints and labels. The z-index ordering through array position is worth knowing about if you care about layering. Useful for generating mind maps, flowcharts, or project boards without manually clicking around in a canvas interface. The spec itself is straightforward JSON with nodes and edges, so you can template out complex diagrams or convert structured data into visual formats that Obsidian can render.

skills.sh installs: 484
GitHub stars: 474
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add freestylefly/canghe-skills --skill json-canvas --agent claude-code

Installs into .claude/skills of the current project.

Files

JSON Canvas Skill

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

Overview

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.