Generate and validate JSON Canvas .canvas files with nodes and edges.
npx skills add https://github.com/Ehrax/dotfiles --skill json-canvas-ehrax
Please help me install this Agent Skill. Skill: json-canvas Source: https://github.com/Ehrax/dotfiles/tree/main/configs/agents/skills/json-canvas Command: npx skills add https://github.com/Ehrax/dotfiles --skill json-canvas-ehrax
JSON Canvas files (.canvas) enable visual diagrams like mind maps and flowcharts, but many people struggle to create, edit, and validate the underlying JSON structure and relationships without tooling.
Create a new .canvas file with the base structure and start adding nodes and edges to map your idea.
High-intent search queries and answers about installing and using this skill.
To create a JSON Canvas file, start with the base structure {"nodes": [], "edges": []} and add nodes of type text, file, link, or group with coordinates and sizes. This ensures your canvas is parseable and consistent across editors.
The JSON Canvas format is used to enable visual diagrams like mind maps and flowcharts. It structures relationships and workflows using nodes and edges, allowing you to visualize ideas within Obsidian, docs, or code projects.
You connect nodes in a .canvas flowchart by adding edges that reference fromNode and toNode IDs. You can also specify optional sides and labels to clearly visualize relationships and workflows within your diagram.
Yes, you can validate JSON Canvas files to ensure unique IDs and valid node references. This validation enforces basic rules to guarantee your diagrams remain reliable and parseable across different editors and plugins.
Yes, JSON Canvas supports adding nodes of type group alongside text, file, and link nodes. By assigning coordinates and sizes, you can organize complex project diagrams and visually cluster related elements.
The best way to structure a mind-map using JSON is to define text nodes with specific coordinates and sizes, then link them using edges with fromNode and toNode IDs. This creates a parseable visual workflow.
SelogazCreate and edit .canvas files with structured nodes and edges.
maedmattCreate and edit valid JSON Canvas files with nodes, edges, and groups.
ittooittConvert textual descriptions into flowcharts, mind maps, and hierarchical diagrams.
yu-iskwInitialize, create, supersede, link, and report Architecture Decision Records with Mermaid diagrams.
