SKILL

json-canvas

Create and edit JSON Canvas files (.canvas) with nodes, edges, groups, and connections. Use when working with .canvas files, creating visual canvases, mind maps, flowcharts, or when the user mentions Canvas files in Obsidian.

Target: Office & team collaboration. Automatically collected · unverified.

Excerpt from the author’s documentation

Extracted from a fixed version of SKILL.md in its original language. This is the author’s documentation; installation, compatibility and runtime results have not been verified by this site.

Read the original English text

Topics in the source

  • JSON Canvas Skill
  • Overview
  • File Structure
  • Nodes
  • Z-Index Ordering
  • Generic Node Attributes
  • Text Nodes
  • File Nodes

This skill enables Claude Code to create and edit valid JSON Canvas files (.canvas) used in Obsidian and other applications. JSON Canvas is an open file format for infinite canvas data. Canvas files use the .canvas extension and contain valid JSON following the JSON Canvas Spec 1.0. A canvas file contains two top-level arrays: nodes (optional): Array of node objects edges (optional): Array of edge objects connecting nodes Nodes are objects placed on the canvas. There are four node types: text - Text content with Markdown file - Reference to files/attachments link - External URL group - Visual container for other nodes Nodes are ordered by z-index in the array: First node = bottom layer (displayed below others) Last node = top layer (displayed above others) All nodes share these attributes: | Attribute | Required | Type | Description | |-----------|----------|------|-------------| | id | Yes | string | Unique identifier for the node | | type | Yes | string | Node type: text, file, link, or group | | x | Yes | integer | X position in pixels | | y | Yes | integer | Y position in pixels | | width | Yes | integer | Width in pixels | | height | Yes | integer | Height in pixels | | color

This is an excerpt. Refer to the complete source and its current requirements.

Source repository
davila7/claude-code-templates
Source file
cli-tool/components/skills/document-processing/json-canvas/SKILL.md
Fixed revision
21be197f100a12b8d0dd9a211cc244c8179f84d3
Read the complete original documentation ↗

Sources and evidence

This record was collected automatically. Its documentation, suitability and runtime behavior have not been manually verified.

Author: davila7/claude-code-templates · original repository metadata. Documentation review: Not reviewed. Last source check: 2026-11-09T15:01:39.267Z.

Categories are inferred from names, descriptions and paths. They do not establish compatibility.

License and attribution

MIT. Third-party content and copyright remain with their authors. Refer to the original license and terms.

Original license ↗

Synchronization, copying and user-reported success do not mark a resource as runtime-tested.

Limitations and notes

  • Collecting metadata does not mean this site has installed, adapted, runtime-tested or security-reviewed the resource.