How does the skill handle node positioning?

The skill follows specific layout guidelines to ensure nodes are spaced 50-100px apart and aligned to a grid for a clean, professional appearance.

Does it support different node types like images or links?

Yes, it supports text nodes with Markdown, file nodes for local attachments, external link nodes, and group nodes for organization.

Can Claude edit an existing canvas file or only create new ones?

Claude can both create new files and edit existing ones by parsing the JSON, identifying specific nodes by ID, and updating their properties or connections.

Can I use this skill to create flowcharts in Obsidian?

Yes, the skill can generate and link nodes in the .canvas format, which renders as a native, interactive flowchart within Obsidian.

Is the generated file compatible with other applications?

Yes, because the skill follows the open JSON Canvas Spec 1.0, any application that supports this standard can read and display the generated files.

Obsidian JSON Canvas

Name: Obsidian JSON Canvas
Author: orientpine

byorientpine

•

콘텐츠 관리

Generates and manages JSON Canvas files for visual brainstorming, flowcharts, and mind maps within Obsidian and other compatible tools.

The JSON Canvas skill empowers Claude to programmatically create, edit, and organize .canvas files following the open JSON Canvas spec. It handles complex tasks like generating unique 16-character hex identifiers, calculating spatial layouts to prevent node overlap, and managing connections between text, file, and link nodes. This is particularly useful for users who leverage Obsidian for visual note-taking, project mapping, or building automated workflows that visualize data structures within a canvas environment.

주요 기능

01Automatic spatial layout calculation to prevent node overlap and maintain grid alignment

02Support for specialized node types including Markdown text, local files, and external URLs

03Robust validation of node ID uniqueness and edge connection integrity

0423 GitHub stars

05Programmatic creation and modification of .canvas files with nodes, edges, and groups

06Fine-grained control over visual attributes like preset colors, labels, and arrow directions

사용 사례

01Generating project overview flowcharts that link directly to local project files and documentation

02Visualizing complex relationships and dependencies between different notes in an Obsidian vault

03Automating the creation of visual mind maps from long-form research notes or documents

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add orientpine/honeypot json-canvas

For use in Claude.ai and ChatGPT