Create and edit JSON Canvas files with nodes and edges per Spec 1.0.
npx skills add https://github.com/rongarede/skill-snapshots --skill json-canvas-rongarede
Please help me install this Agent Skill. Skill: json-canvas Source: https://github.com/rongarede/skill-snapshots/tree/main/obsidian/json-canvas Command: npx skills add https://github.com/rongarede/skill-snapshots --skill json-canvas-rongarede
This skill enables creating and editing valid JSON Canvas files (.canvas) for Obsidian and compatible tools, making it easy to visually structure ideas, workflows, and diagrams without manual JSON editing.
Create a minimal canvas file named my.canvas with:
High-intent search queries and answers about installing and using this skill.
To create an Obsidian .canvas file, define a JSON structure with "nodes" and "edges" arrays. You can model mind maps or flowcharts by specifying node types like text, file, link, or group, along with their coordinates and dimensions.
The JSON Canvas spec is a standard for structuring visual canvases in Obsidian. You need it to programmatically define nodes, edges, and groups for diagrams or project canvases, ensuring the resulting .canvas file is valid and properly rendered.
To add and connect text nodes in a JSON Canvas file, create node objects with a unique "id", "type": "text", and positional properties. Connect them by adding edge objects that reference the source and target node IDs in the "edges" array.
Yes, this JSON Canvas generator validates required fields, unique IDs, and correct node-to-edge references. It ensures your .canvas files comply with JSON Canvas Spec 1.0, preventing structural errors before you open them in Obsidian.
Yes, you can edit Obsidian canvas files using standard JSON tooling without external dependencies. The skill generates and validates pure JSON structures, allowing you to define positioning, colors, and z-index for text, file, link, and group nodes.
Manually editing JSON Canvas spec files can lead to invalid structures if required fields are missing or node-to-edge references are incorrect. Without proper validation, your .canvas file may fail to render or display diagrams incorrectly in Obsidian.
pradyumnasagarAutomate inter-skill data transfer and provenance capture via JSON Material Passports.
pixbConvert plain text into structured Obsidian Canvas JSON files.
family3253Create and edit JSON Canvas files with nodes and edges for Obsidian.
forgivesam168Convert natural language descriptions into Excalidraw-compatible JSON diagram files.
