Generate spatial diagrams from JSON node and edge definitions.
npx skills add https://github.com/aryanshrai03/readme-ai --skill canvas-aryanshrai03
Please help me install this Agent Skill. Skill: canvas Source: https://github.com/aryanshrai03/readme-ai/tree/main/api/skills/canvas Command: npx skills add https://github.com/aryanshrai03/readme-ai --skill canvas-aryanshrai03
It helps you turn complex relationships into clear spatial diagrams without relying on manual drawing tools.
text, file, link, and group nodes to represent information, references, and containers.Create a diagram by writing a JSON object with nodes (each with id, type, x, y, width, height) and edges (with fromNode and toNode) and then wrap it in a canvas code block named canvas.
High-intent search queries and answers about installing and using this skill.
To generate a spatial diagram from JSON, define a JSON object with mandatory `nodes` and `edges` arrays, specifying exact x/y coordinates and dimensions for each node, then wrap it in a canvas code block. This creates predictable knowledge graphs and workflow layouts without manual drawing.
The best way to create a knowledge graph is by defining structured JSON with directional edges and semantically typed nodes. You can use `text`, `file`, `link`, and `group` node types to represent information and containers, specifying source and target sides for readable relationship connections.
Yes, you can use exact pixel coordinates for workflow planning visualization by assigning non-negative x and y positions along with explicit width and height values to each node in your JSON definition, ensuring predictable and precise spatial layouts.
Yes, this approach supports directional connections for mind map structures by allowing edges to specify source and target sides with arrow ends. This ensures readable relationship graphs and clear directional flow between connected nodes.
Structuring JSON nodes and edges requires a mandatory `nodes` array with validated attributes including `id`, `type`, `x`, `y`, `width`, and `height`, alongside an `edges` array defining connections using `fromNode` and `toNode` properties within a canvas code block.
XCmiaowCreate spatial diagram layouts with JSON nodes and edges for concept maps.
trmaphiPrevent node overlap and misalignment in Mermaid diagrams using layout-control techniques.
markdown-viewerGenerate spatial JSON canvas diagrams with positioned nodes and edges.
chenyhvvvvCompute neighborhood enrichment z-scores from spatial neighbor graphs.