Json Canvas

If you're working with Obsidian Canvas files or building visual tools around the JSON Canvas spec, this handles the full format: text nodes with Markdown, file references, link nodes, groups with optional backgrounds, and edges with arrows and labels. It knows about z-index ordering, the six preset colors, positioning attributes, and all the connection options like fromSide and toEnd. The skill lets Claude create or modify .canvas files directly, which is useful for generating mind maps, flowcharts, or project boards programmatically instead of clicking around in a GUI. It's a straightforward implementation of the 1.0 spec with complete coverage of node types and edge properties.

skills.sh installs: 397
GitHub stars: 33.2K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add davila7/claude-code-templates --skill json-canvas --agent claude-code

Installs into .claude/skills of the current project.

Files

JSON Canvas Skill

This skill enables Claude Code 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.