Can I use this skill to edit existing Obsidian canvases?

Yes, this skill is designed to read, modify, and create .canvas files while maintaining valid JSON structure, coordinates, and node relationships.

Does it support images and attachments?

Yes, the skill supports 'file' nodes which can reference images, PDFs, videos, and other media stored within your local project directory or Obsidian vault.

Can I customize the appearance of nodes and connections?

Absolutely. You can specify preset colors (1-6) or hex codes for nodes, and define edge properties like labels, directional arrows, and connection sides (top, right, bottom, left).

JSON Canvas is an open-source file format (.canvas) for infinite canvas data, most notably used in Obsidian for visual notes, diagrams, and brainstorming.

Is this skill compatible with the JSON Canvas 1.0 specification?

Yes, the skill is built to strictly follow the JSON Canvas Spec 1.0 to ensure interoperability with all supporting applications.

JSON Canvas Editor

Name: JSON Canvas Editor
Author: MAKKY013

byMAKKY013

0•

Productividad y Flujo de Trabajo

Creates and manages standard-compliant JSON Canvas files for visual brainstorming and spatial knowledge organization.

This skill empowers Claude Code to programmatically generate and edit .canvas files, the open standard used by Obsidian and other infinite canvas tools. It handles the complexities of spatial coordinates, node types (text, file, link, group), and directional edges with customizable styling. Whether building complex flowcharts, visual mind maps, or project boards, this skill ensures all output adheres to the JSON Canvas Spec 1.0, making it easy to visualize relationships between notes and assets directly within your workspace.

Características Principales

010 GitHub stars

02Support for multiple node types including Markdown text, files, external links, and visual groups

03Advanced spatial management for X/Y positioning and Z-index layering

04Configurable edge connections with custom labels, colors, and arrowheads

05Integration with local workspace files for embedding notes and media

06Create and modify .canvas files following the JSON Canvas Spec 1.0

Casos de Uso

01Generating automated mind maps or flowcharts from existing project documentation

02Structuring research data by connecting external URLs with local Markdown files on an infinite canvas

03Creating visual project boards to track tasks and note relationships in Obsidian

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add makky013/obsidian-skills json-canvas

For use in Claude.ai and ChatGPT

Características Principales

010 GitHub stars

02Support for multiple node types including Markdown text, files, external links, and visual groups

03Advanced spatial management for X/Y positioning and Z-index layering

04Configurable edge connections with custom labels, colors, and arrowheads

05Integration with local workspace files for embedding notes and media

06Create and modify .canvas files following the JSON Canvas Spec 1.0

Casos de Uso

01Generating automated mind maps or flowcharts from existing project documentation

02Structuring research data by connecting external URLs with local Markdown files on an infinite canvas

03Creating visual project boards to track tasks and note relationships in Obsidian

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add makky013/obsidian-skills json-canvas

For use in Claude.ai and ChatGPT