How does the skill handle node positioning?

The skill follows layout guidelines to space nodes 50-100px apart and aligns them to a grid to ensure the resulting canvas is readable and organized.

Does it support group organization?

Yes, it can create group nodes which act as visual containers for other nodes, helping you organize complex diagrams into logical sections.

Can this skill link to specific files in my repository?

Yes, it supports 'file' nodes that can reference system paths and even link to specific headings or blocks using the subpath attribute.

What is the JSON Canvas format?

JSON Canvas is an open file format (.canvas) designed for infinite canvas data, ensuring interoperability between visual tools like Obsidian and other diagramming software.

JSON Canvas Manager

Name: JSON Canvas Manager
Author: iwbc-mzk

byiwbc-mzk

0•

Productivity & Workflow

Manages and edits JSON Canvas files to create visual diagrams, mind maps, and flowcharts directly within your workflow.

The JSON Canvas Manager skill empowers Claude to create, modify, and validate .canvas files following the JSON Canvas Spec 1.0. It simplifies the process of building complex visual structures by automating 16-character hex ID generation, managing node positioning to prevent overlaps, and ensuring edge integrity between connections. Whether you are organizing research in Obsidian, mapping out project architectures, or creating dynamic flowcharts, this skill provides the precision needed to maintain clean and compliant visual data structures.

Key Features

010 GitHub stars

02Create and edit .canvas files with support for text, file, link, and group nodes

03Full support for Markdown syntax within text nodes and Obsidian-specific file paths

04Intelligent node layout and spacing to prevent visual clutter and overlapping

05Automate unique 16-character hexadecimal ID generation for nodes and edges

06Comprehensive validation of ID uniqueness and edge reference integrity

Use Cases

01Creating programmatic flowcharts to visualize complex logic or system architectures

02Building and organizing visual research boards within Obsidian vaults

03Generating automated mind maps from project documentation or brainstorming sessions

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add iwbc-mzk/obsidian json-canvas

For use in Claude.ai and ChatGPT