Can this skill link to my local files?

Yes, the skill supports 'file' nodes which can reference Markdown notes, images, PDFs, and other attachments within your system or Obsidian vault.

Does it support Markdown within the canvas?

Absolutely. Text nodes within the JSON Canvas structure fully support standard Markdown syntax for formatting headers, lists, and bold text.

Can I customize the visual style of the nodes?

Yes, the skill allows you to define node dimensions, positions, and colors using either hex codes or standardized color presets for quick organization.

What is the JSON Canvas format?

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

Is this skill compatible with Obsidian?

Yes, it is specifically designed to generate valid JSON structures that are natively readable and editable within Obsidian's built-in Canvas view.

JSON Canvas Visual Editor

Name: JSON Canvas Visual Editor
Author: 812lcl

by812lcl

0•

Productivity & Workflow

Generates and edits industry-standard JSON Canvas files for visual brainstorming, mind mapping, and project organization.

The JSON Canvas Visual Editor skill empowers Claude to programmatically create and manipulate .canvas files, adhering strictly to the JSON Canvas Spec 1.0. This capability allows users to translate complex ideas into visual mind maps, flowcharts, and organizational boards directly within Obsidian or other compatible applications. By managing nodes, edges, and group structures, the skill facilitates a seamless transition between text-based reasoning and visual representation, making it an essential tool for project planning, knowledge management, and architectural diagramming.

Key Features

01Creation of rich text, file, link, and group-based container nodes

020 GitHub stars

03Deep integration with Obsidian file paths and subpath markdown references

04Full support for the JSON Canvas Spec 1.0 and .canvas file extensions

05Precise control over spatial positioning, z-index layering, and color presets

06Dynamic edge management with custom labels, directions, and arrow shapes

Use Cases

01Creating visual research maps that connect local files with external web resources

02Generating complex flowcharts and decision trees from natural language descriptions

03Organizing Obsidian project boards using visual groups and linked documentation

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add 812lcl/dotfiles json-canvas

For use in Claude.ai and ChatGPT

Download Skill