Can I group nodes together for better organization?

Yes, the skill supports 'group' nodes which act as visual containers with labels and background images to organize related clusters of information.

Can I customize the colors of the nodes and edges?

Absolutely. The skill supports both the standard preset colors (1-6) and custom Hex codes for precise branding and organization.

Is this compatible with Obsidian?

Yes, this skill generates .canvas files that fully adhere to the JSON Canvas Spec 1.0 used by Obsidian and other canvas-based applications.

Can it link to existing files in my repository?

Yes, the skill can create 'file' nodes that point to specific file paths, attachments, or even specific Markdown headings within your project.

Does it handle complex layouts like flowcharts?

Yes, it manages node positioning using x and y coordinates and defines edge connections between specific sides of nodes to create structured diagrams.

JSON Canvas Generator

Name: JSON Canvas Generator
Author: lngyneric

bylngyneric

0•

内容管理

Creates and edits JSON Canvas files (.canvas) for visual note-taking, mind mapping, and flowcharting within Obsidian and other supported platforms.

This skill empowers Claude Code to architect and modify JSON Canvas files, the open standard for infinite canvas data used extensively in tools like Obsidian. It provides precise control over node types—including Markdown text, file attachments, external links, and organizational groups—alongside customizable edges for complex relationship mapping. Whether you are building a project dashboard, a research knowledge graph, or a technical flowchart, this skill ensures that generated canvases adhere to the JSON Canvas Spec 1.0 with correct positioning, z-index layering, and visual styling.

主要功能

01Create and modify .canvas files following the JSON Canvas Spec 1.0

020 GitHub stars

03Precise control over spatial positioning, dimensions, and z-index layering

04Customizable edges with labels, directional arrows, and connection points

05Support for all node types including text, file attachments, links, and groups

06Integration of preset and hex-based color schemes for visual organization

使用场景

01Creating project management boards with grouped tasks and local file references

02Building visual mind maps and research graphs for Obsidian notebooks

03Generating automated flowcharts and process diagrams during the development cycle

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add lngyneric/my-notebook-github json-canvas

For use in Claude.ai and ChatGPT

Download Skill