Create and edit JSON Canvas diagrams with valid nodes and edges.
npx skills add https://github.com/carlos-algms/dotfiles --skill json-canvas-carlos-algms
Please help me install this Agent Skill. Skill: json-canvas Source: https://github.com/carlos-algms/dotfiles/tree/main/AI-configs/skills/json-canvas Command: npx skills add https://github.com/carlos-algms/dotfiles --skill json-canvas-carlos-algms
This Skill helps you create and maintain Obsidian JSON Canvas files reliably so your nodes, edges, positions, and references stay consistent and render correctly.
nodes and edges structure and unique 16-character hex IDs.fromNode/toNode IDs, optional sides, ends (arrow/none), labels, and colors.Create a new .canvas JSON object with nodes and edges, then ask this skill to add a text node at specific x,y coordinates and connect it to an existing node by ID.
High-intent search queries and answers about installing and using this skill.
To generate valid JSON Canvas files, you need a top-level structure containing nodes and edges arrays with unique 16-character hex IDs. This ensures your visual planning canvases render correctly in tools expecting the JSON Canvas 1.0 structure.
Connecting nodes in a JSON Canvas diagram requires defining edges with valid fromNode and toNode references that match existing node IDs. You can also specify optional attributes like sides, ends (arrow or none), labels, and colors for precise visual mapping.
Yes, you can use JSON Canvas to build project boards by utilizing its supported node types: text, file, link, and group. This allows you to create complex research canvases and flowcharts combining various content references within a single valid JSON structure.
To add a text node to a .canvas file, insert it with specific x,y coordinates and a unique 16-character hex ID. You then create an edge referencing that new node ID and an existing node ID in the fromNode and toNode fields to connect them.
Obsidian JSON Canvas diagrams break when edge references become invalid, typically because fromNode or toNode IDs do not match existing node IDs. Maintaining unique 16-character hex IDs and preserving valid references during edits prevents rendering failures.
JSON Canvas supports building mind maps and flowcharts by defining node positions with x,y coordinates and connecting them via edges. You must specify the coordinate values for each node to determine the visual layout within the canvas.
SpaceZephyrCreate and edit JSON Canvas files with nodes, edges, and groups.
ahostbrConvert text into Obsidian Canvas JSON with MindMap or Freeform layouts.
CodingHeaderCreate and edit JSON Canvas files with nodes and edges for visual maps.
walterfanRender PlantUML, Mermaid, and Graphviz code blocks into PNG or SVG images.