Can I use this to organize existing vault files?

Yes, you can create 'file' nodes that reference and visually organize your local Markdown notes, images, and PDF attachments.

Is this compatible with Obsidian?

Yes, it is strictly designed to follow the JSON Canvas Spec 1.0, which is the native format used by Obsidian's Canvas feature.

Does it support Markdown in text nodes?

Absolutely. The skill handles Markdown formatting within text nodes and ensures proper newline escaping so text renders correctly in visual editors.

What is the JSON Canvas format?

JSON Canvas is an open-source file format (.canvas) used by applications like Obsidian to represent infinite canvas data using JSON structure.

Can this skill create connections between nodes?

Yes, the skill supports creating edges with custom labels, specific connection sides (top, bottom, left, right), and configurable arrowheads.

JSON Canvas Manager

Name: JSON Canvas Manager
Author: ValorVie

byValorVie

•

Productivity & Workflow

Creates and manages interactive JSON Canvas files for Obsidian and visual mapping tools using the open .canvas format.

This skill empowers Claude to programmatically generate and modify .canvas files, the open standard for infinite canvas data used by Obsidian and other visual thinking tools. It handles the complexities of the JSON Canvas Spec 1.0, including precise node positioning, edge connections with directional logic, group organization, and proper Markdown escaping. Whether you are building automated mind maps, project boards, or visual research repositories, this skill ensures structural integrity and visual clarity in your canvas documents.

Key Features

01Visual styling using hex codes or color presets (Red, Orange, Yellow, Green, Cyan, Purple)

023 GitHub stars

03Full support for all node types including Text, File, Link, and Group containers

04Automated edge creation with customizable connection sides, ends, and labels

05Native compatibility with Obsidian and the JSON Canvas 1.0 specification

06Precise coordinate and Z-index management for complex layout generation

Use Cases

01Generating automated project roadmaps and Kanban boards from task lists or documentation

02Visualizing complex code architectures or file dependencies as interactive diagrams

03Creating research canvases that link disparate notes, external URLs, and media attachments

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add valorvie/custom-skills json-canvas

For use in Claude.ai and ChatGPT

Download Skill