🎯

json-canvas

🎯Skill

from kepano/obsidian-skills

VibeIndex|
What it does
|

Teaches the JSON Canvas format for Obsidian, enabling visual arrangement of notes, files, and connections on a spatial canvas

Overview

JSON Canvas is a Claude Code skill that enables AI agents to create and edit valid JSON Canvas files (.canvas) used in Obsidian and other applications. It provides comprehensive guidance on the JSON Canvas Spec 1.0 format, covering nodes, edges, groups, and connections for building infinite canvas data structures.

Key Features

  • Four Node Types - Support for text nodes (with Markdown), file nodes (referencing attachments), link nodes (external URLs), and group nodes (visual containers for organizing other nodes)
  • Edge Connections - Create directed connections between nodes with customizable colors, labels, and arrow end types for building flowcharts and mind maps
  • Precise Positioning - Control node placement with pixel-level x/y coordinates, width, height, and z-index ordering for layered layouts
  • Markdown Content - Text nodes support full Markdown syntax with proper newline escaping for rich text content within canvas elements
  • Obsidian Compatibility - Generate files fully compatible with Obsidian's canvas feature, including file references with subpath navigation to specific headings

Who is this for?

This skill is designed for developers and knowledge workers who use Obsidian or other JSON Canvas-compatible tools and want AI agents to programmatically create visual canvases, mind maps, and flowcharts. It is particularly useful for automating the creation of visual documentation and knowledge organization within Obsidian workflows.

πŸ“¦

Same repository

kepano/obsidian-skills(8 items)

json-canvas

Installation

Vibe Index InstallInstalls to .claude/skills/ - auto-recognized by Claude Code
npx vibeindex add kepano/obsidian-skills --skill json-canvas
skills.sh Install⚠ Installs to .agents/skills/ - may not be auto-recognized by Claude Code
npx skills add kepano/obsidian-skills --skill json-canvas
Manual InstallCopy SKILL.md content and save to the path below
~/.claude/skills/json-canvas/SKILL.md

SKILL.md

3,474Installs
9,025
-
Last UpdatedJan 11, 2026