Does it support Markdown within the canvas?

Yes, text nodes created by this skill fully support Markdown syntax, including headers, lists, and bold text.

Can I use this skill to organize my Obsidian vault?

Yes, this skill is specifically designed to work with Obsidian-compatible canvas files, allowing you to link local notes, attachments, and folders visually.

What is a .canvas file?

A .canvas file is an open-source JSON format for infinite canvas data, primarily used by Obsidian and other visual thinking tools to store nodes and connections.

Can Claude create connections between existing nodes?

Absolutely. This skill allows Claude to define edges between any two nodes, specifying which side the connection starts and ends on, and whether to include arrows.

JSON Canvas Editor

Name: JSON Canvas Editor
Author: ZhanlinCui

byZhanlinCui

•

Productivity & Workflow

Enables Claude to programmatically create and modify .canvas files for visual mind maps, flowcharts, and Obsidian organization.

This skill empowers Claude to interact with the JSON Canvas open format, allowing for the generation and editing of complex visual layouts directly within the workspace. It handles the creation of text nodes, file references, external links, and logical groups, complete with directional edges and customizable styling options. It is an essential tool for users who want to automate the creation of project boards, research maps, or structured flowcharts within Obsidian or any application supporting the .canvas specification.

Key Features

01Support for multiple node types including Markdown text, local files, URLs, and groups

02Configurable edge connections with custom directions, labels, and arrow styles

03Advanced group node attributes including background images and rendering styles

04Create and edit valid .canvas files following the JSON Canvas Spec 1.0

0517 GitHub stars

06Visual customization via hex codes, preset colors, and z-index layer management

Use Cases

01Generating automated project boards and task workflows within Obsidian

02Visualizing complex research by connecting documents, notes, and web resources

03Creating dynamic flowcharts and mind maps based on code logic or brainstorming sessions

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add zhanlincui/ultimate-agent-skills-collection json-canvas

For use in Claude.ai and ChatGPT

Download Skill