Does it support images and file attachments?

Yes, it supports 'file' nodes which can reference images, PDFs, Markdown notes, and other local attachments within your workspace.

Can this skill edit existing Obsidian canvas files?

Yes, this skill allows Claude to read, create, and modify .canvas files while strictly maintaining the valid JSON structure required by Obsidian.

Is it compatible with the official JSON Canvas spec?

Absolutely, it follows JSON Canvas Spec 1.0, ensuring full compatibility with Obsidian and any other applications that support the open format.

Can I customize the appearance of the nodes?

Yes, the skill provides control over node dimensions, positioning, and colors using both preset values and custom hex codes.

JSON Canvas

Name: JSON Canvas
Author: stericishere

bystericishere

0•

Productivity & Workflow

Creates and manages visual diagrams, mind maps, and flowcharts using the open-source JSON Canvas format for Obsidian and beyond.

The JSON Canvas skill empowers Claude to programmatically create and edit .canvas files, providing a powerful way to visualize information. It adheres to the JSON Canvas Spec 1.0, allowing for the generation of complex layouts including text nodes, file references, external links, and organized groups. This skill is particularly useful for users of Obsidian or other canvas-based tools who want to automate the transformation of text-based notes, project plans, or research data into interactive, visual maps with precise control over positioning, colors, and connections.

Key Features

01Precise coordinate positioning and Z-index layer management

020 GitHub stars

03Full support for text, file, link, and group node types

04Automated edge creation with custom labels and end shapes

05Strict adherence to the JSON Canvas Spec 1.0 for cross-app compatibility

06Support for preset canvas colors and custom hex color codes

Use Cases

01Generating project roadmaps and flowcharts from documentation

02Organizing local file attachments into structured visual dashboards

03Creating visual mind maps for research and brainstorming sessions

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add stericishere/obsidian-notes json-canvas

For use in Claude.ai and ChatGPT

Download Skill