# Canvas > Crea, inspecciona y actualiza tableros Obsidian JSON Canvas con nodos de texto, archivo, enlace, grupo y arista. Para estado del canvas, mapas visuales, zonas y diseños espaciales. Fuente: https://skillsagentes.com/skills/agricidaniel/claude-obsidian/canvas Markdown: https://skillsagentes.com/skills/agricidaniel/claude-obsidian/canvas.md Repositorio: https://github.com/AgriciDaniel/claude-obsidian Autor: AgriciDaniel Licencia: MIT Actualizado: el mes pasado Coste de contexto: 75 tok instalada, 1.3k tok al activarse, 3.6k tok con todos los archivos del bundle Bundle: 2 archivos, 14 KB Permisos que pide: ninguno declarado ## Instalación Un skill son archivos markdown: los mismos archivos valen para cualquier agente y lo único que cambia es el directorio de destino, es decir la bandera `--agent`. Añade `-g` para instalarlo en todos los proyectos de la máquina. ```bash # Claude Code npx -y skills add AgriciDaniel/claude-obsidian --skill canvas --agent claude-code # Cursor npx -y skills add AgriciDaniel/claude-obsidian --skill canvas --agent cursor # Codex npx -y skills add AgriciDaniel/claude-obsidian --skill canvas --agent codex # Gemini CLI npx -y skills add AgriciDaniel/claude-obsidian --skill canvas --agent gemini # Windsurf npx -y skills add AgriciDaniel/claude-obsidian --skill canvas --agent windsurf # Cline npx -y skills add AgriciDaniel/claude-obsidian --skill canvas --agent cline ``` ## Qué hace - Crea, inspecciona y actualiza tableros Obsidian JSON Canvas con nodos de texto, archivo, enlace y grupo - Guarda los tableros en `wiki/canvases/` y usa `wiki/canvases/main.canvas` como tablero por defecto - Valida IDs únicos, dimensiones, rutas relativas al vault y extremos de aristas antes de previsualizar - Empaqueta cada mutación en una transacción `claude-obsidian.transaction.v1` inspeccionable antes de aplicarla - Informa del estado de un canvas: número de nodos, etiquetas de grupo, aristas rotas y archivos objetivo ausentes ## Cuándo usarla - Se pide crear, actualizar o consultar un canvas, mapa visual o diseño espacial en Obsidian - Se quiere añadir notas del vault o medios a un archivo `.canvas` - Se necesita un estado o listado de un canvas existente ## Qué la activa - "Crea un canvas con este mapa de investigación" - "Añade esta nota al canvas" - "Pon esto en el canvas" - "Muéstrame el estado del canvas principal" ## Antes de instalar - Necesita el core `claude-obsidian.py` instalado y un vault de Obsidian ya resuelto. - Necesita en el PATH: python3 - Variables de entorno: APPROVAL_SHA256, CORE, PRODUCT_ROOT - reads environment config ## Archivos - SKILL.md — 5 KB - references/canvas-spec.md — 9 KB ## SKILL.md Reproducido tal cual desde AgriciDaniel/claude-obsidian bajo MIT. Esta sección es el documento original y está en inglés. # Canvas Treat a canvas as a vault-scoped JSON Canvas document. Keep reads read-only and route every requested mutation through one recoverable transaction. Resolve the installed product root from this skill's own location, not from the vault or current working directory: ```bash PRODUCT_ROOT=/absolute/path/to/installed/claude-obsidian CORE="$PRODUCT_ROOT/scripts/claude-obsidian.py" test -f "$CORE" ``` ## Choose the syntax source Prefer a separately installed `kepano/obsidian-skills` `json-canvas` skill for format details. Otherwise read [references/canvas-spec.md](references/canvas-spec.md). The open standard is [JSON Canvas 1.0](https://jsoncanvas.org/spec/1.0/). Use this skill for vault workflow and transaction safety even when an upstream syntax skill is available. ## Scope - Resolve the user vault before reading. Never derive it from plugin files. - Store boards under `wiki/canvases/`; use `wiki/canvases/main.canvas` only as the default when the user did not name a board. - Treat `wiki/canvases/index.md` as an optional catalog. Update it only when a canvas is created, renamed, or removed. - Use vault-relative paths in `file` and `background`; reject absolute paths, `..` traversal, home shortcuts, and paths that escape through symlinks. - Reference only files already inside the vault. If an optional capture or media capability is detected, compose with it and consume its returned vault-relative path. Do not assume a particular plugin, command, or session log, and do not download or copy assets in this skill. - Use `link` nodes for URLs. Accept HTTPS URLs only; a link node does not grant permission to fetch the page. Creating its JSON makes no request, but opening it in Obsidian may fetch Open Graph metadata from that URL's host. Disclose that render-time egress and confirm it is acceptable; otherwise use a text node containing the URL. ## Read-only operations For status or list requests, parse the selected `.canvas` files and report node counts, group labels, broken edge endpoints, and missing vault-relative file targets. If the default canvas is absent, report that fact and offer a creation preview; do not create it during a status request. ## Draft a mutation 1. Read the entire canvas and any catalog target. Record each expected SHA-256, or `null` for a file that must be absent. 2. Preserve unknown JSON fields and existing array order. The node array is bottom-to-top z-order. 3. Draft the requested nodes or edges: - Give every node and edge a unique ID. Prefer a random 16-character lowercase hexadecimal ID and verify it is unused. - Require integer `x`, `y`, `width`, and `height` values for every node. - Use `text`, `file`, `link`, or `group` exactly as defined by JSON Canvas. - Require every `fromNode` and `toNode` to reference an existing or newly drafted node. 4. Position new content deliberately. A group is a visual container, not a parent. Use 20 px inner padding and 40 px gaps, wrap to a new row when needed, and preview any group expansion. 5. Serialize valid UTF-8 JSON with top-level `nodes` and `edges` arrays. Minimal node examples: ```json { "nodes": [ { "id": "6f0ad84f44ce9c17", "type": "text", "text": "# Research map\n\nA concise orientation card.", "x": 0, "y": 0, "width": 400, "height": 180 }, { "id": "a1b2c3d4e5f67890", "type": "file", "file": "wiki/concepts/Contextual Retrieval.md", "x": 460, "y": 0, "width": 400, "height": 240 } ], "edges": [] } ``` Use `file` plus optional `subpath: "#Heading"` for notes, images, PDFs, and other vault files. Use `url` only on a `link` node. Escape line breaks in JSON strings as `\n`, not as literal backslash-plus-`n` text. ## Preview and apply Validate before showing the preview: - JSON parses and uses supported node types. - IDs are unique and edge endpoints exist. - dimensions are positive integers; - file and background paths are safe, vault-relative, and present; - new nodes do not unintentionally overlap or overflow their requested group. Build one `claude-obsidian.transaction.v1` bundle with operation type `canvas`. Include the canvas and the catalog in that same bundle when the catalog changes. Read [operation-transactions.md](../wiki/references/operation-transactions.md), then inspect the bundle before applying it: ```bash python3 "$CORE" transaction inspect BUNDLE --vault VAULT # Set APPROVAL_SHA256 to the inspect result's approval_sha256 after review. python3 "$CORE" transaction apply BUNDLE --vault VAULT \ --approved-plan-sha256 "$APPROVAL_SHA256" ``` For removals, replacements, renames, or other destructive changes, obtain explicit consent after presenting the preview. Report the operation ID, exact changed paths, board name, node IDs, and final positions. Do not commit Git. ## Dónde encaja - Categoría: [Productividad](https://skillsagentes.com/categorias/productividad.md) — Planificación, toma de notas y automatización de flujos personales. - Creador: [AgriciDaniel](https://skillsagentes.com/creators/agricidaniel.md) — 46 skills en el directorio - [Todas las skills](https://skillsagentes.com/skills.md) - [Ranking de instalaciones](https://skillsagentes.com/ranking.md) ## Otras skills del mismo repositorio - [Wiki](https://skillsagentes.com/skills/agricidaniel/claude-obsidian/wiki.md): Inicializa, adopta y enruta el trabajo hacia un vault de Obsidian separado a través del core portátil `claude-obsidian`. Para configurar el vault o elegir el sub-skill correcto. - [Obsidian Bases](https://skillsagentes.com/skills/agricidaniel/claude-obsidian/obsidian-bases.md): Explica, redacta y valida archivos Obsidian Bases `.base` con filtros, fórmulas, propiedades, resúmenes y vistas de tabla, tarjetas o lista. - [Obsidian Markdown](https://skillsagentes.com/skills/agricidaniel/claude-obsidian/obsidian-markdown.md): Explica, redacta o valida la sintaxis de Obsidian Flavored Markdown: propiedades, wikilinks, embeds, callouts, tags, comentarios, resaltados, referencias de bloque, matemáticas y Mermaid. - [Save](https://skillsagentes.com/skills/agricidaniel/claude-obsidian/save.md): Guarda una respuesta, decisión, insight o resumen de sesión seleccionado por el usuario en un vault de Obsidian como una única transacción revisada, no cuando aporta un archivo o URL. - [Defuddle](https://skillsagentes.com/skills/agricidaniel/claude-obsidian/defuddle.md): Planifica y, con consentimiento explícito de red, usa un limpiador externo Defuddle opcional para extraer páginas HTTPS tipo artículo como Markdown. --- Skills Agentes · [Índice de páginas en markdown](https://skillsagentes.com/sitemap.md) · [Inicio](https://skillsagentes.com/index.md)