Generate and edit JSON Canvas files with structured nodes, edges, and groups.
npx skills add https://github.com/giwankim/obsidian-vault --skill json-canvas-giwankim
Please help me install this Agent Skill. Skill: json-canvas Source: https://github.com/giwankim/obsidian-vault/tree/main/.agents/skills/json-canvas Command: npx skills add https://github.com/giwankim/obsidian-vault --skill json-canvas-giwankim
JSON Canvas files enable precise, structured representations of visual canvases (nodes, edges, groups) that would be error-prone if hand-edited, improving consistency and interoperability across tools.
Start a new canvas by defining at least one node and an edge in a .canvas file to begin visualization.
High-intent search queries and answers about installing and using this skill.
To create a JSON Canvas file, define a structured schema for nodes, edges, and groups with specific positions, sizes, and styling. This enforces validation rules as defined by the JSON Canvas spec for programmatic generation.
The JSON Canvas format provides a structured representation of visual canvases like mind maps and diagrams. It defines nodes, edges, and groups to ensure consistency and interoperability across compatible tools without error-prone hand-editing.
Yes, you can generate flowcharts by defining text, file, link, or group nodes and connecting them with edges. The schema manages positions, sizes, color presets, and z-index for correct layering within the .canvas file.
Yes, the JSON Canvas spec enforces color presets and manages z-index for correct layering. This allows you to style nodes and ensure proper visual stacking when designing visual canvases or workflows.
The best way to avoid manual JSON errors is using a structured schema that enforces node types, positions, edges, and validation rules. This programmatic approach ensures consistency and interoperability across tools like Obsidian.
The JSON Canvas schema enforces specific node types, positions, sizes, and validation rules. Complex graph structures must adhere to these defined structural constraints, limiting unstructured or free-form canvas representations.
zephyrwang6Create and edit JSON Canvas .canvas files with nodes, edges, and groups.
okenwaGenerate flowcharts and diagrams as self-contained HTML files using HTML5 Canvas.
WizarckCreate and edit Obsidian JSON Canvas graphs with nodes, edges, and groups.
wyhlovecppConvert text descriptions into structured Excalidraw diagrams as JSON files.
