Create spatial diagram layouts with JSON nodes and edges for concept maps.
npx skills add https://github.com/XCmiaow/cc-deploy --skill canvas-xcmiaow
Please help me install this Agent Skill. Skill: canvas Source: https://github.com/XCmiaow/cc-deploy/tree/main/skills/canvas Command: npx skills add https://github.com/XCmiaow/cc-deploy --skill canvas-xcmiaow
It helps you turn ideas into clear spatial diagrams without relying on manual layout, so you can precisely control node positions and connections for concept maps, workflows, and planning boards.
text, file, link, and group nodes, then connect them with directional edges (fromSide/toSide, optional arrows).Create a diagram by defining a nodes array with id, type, x, y, width, and height, then add an edges array that links fromNode to toNode using matching node IDs.
High-intent search queries and answers about installing and using this skill.
To create spatial diagram layouts, define a nodes array with required attributes like id, type, x, y, width, and height, then add an edges array linking nodes using fromNode and toNode IDs for deterministic placement.
JSON Canvas supports building concept maps and knowledge graphs by defining typed nodes and directional edges with fromSide and toSide semantics, ensuring deterministic directional connections for structured visual workflows.
The best way to plan workflows is defining structured JSONCanvas-compliant input where edges strictly match fromNode and toNode IDs, using text, file, link, or group node types to map out the process visually.
Yes, this approach generates exportable visual diagrams that stay compatible with JSON Canvas workflows and directly support Obsidian Canvas-style layouts using x/y coordinate placement and typed node connections.
Explicit x/y coordinates are required for every node to ensure free-positioned JSON diagrams match your intended structure precisely without relying on automatic layout algorithms for spatial arrangement.
Edge connectivity constraints require exact matching between fromNode and toNode IDs, meaning invalid references will break the planning board layout, and directional arrows remain optional for the graph edges.
diegocamara89Define and manipulate JSON Canvas files with nodes and edges per Spec 1.0.
zavorynCreate and edit JSON Canvas files with valid node and edge structures.
aryanshrai03Generate spatial diagrams from JSON node and edge definitions.
markdown-viewerGenerate spatial JSON canvas diagrams with positioned nodes and edges.