CommunityImagengithub.com

json-canvas

Crea y edita archivos JSON Canvas (.canvas) con nodos, bordes, grupos y conexiones. Útil para trabajar con archivos .canvas, crear lienzos visuales, mapas mentales, diagramas de flujo o cuando el usuario mencione archivos Canvas en Obsidian.

¿Qué es json-canvas?

Esta habilidad permite a un agente de IA crear y modificar archivos JSON Canvas (.canvas), un formato abierto para representar lienzos visuales. Es especialmente útil al desarrollar con Obsidian, ya que este software utiliza este formato para sus lienzos. La habilidad soporta la creación y manipulación de nodos (con texto, color, posición y tamaño), bordes (con etiquetas opcionales y direcciones), y grupos (que pueden contener nodos y tener color). Con esta habilidad, el agente puede generar mapas mentales, diagramas de flujo y otras representaciones visuales de estructuras de conocimiento, todo en el formato estándar .canvas. La documentación detallada (SKILL.md) explica cómo invocar las funciones asociadas, qué parámetros aceptan y cómo estructurar correctamente los archivos JSON Canvas. Está diseñada para integrarse con agentes como Claude Code, Cursor y Codex, proporcionando una interfaz programática para trabajar con estos lienzos.

Compatible con~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/kepano/obsidian-skills/tree/main/skills/json-canvas

Installed? Explore more Imagen skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

¿Qué hace json-canvas?

Crear y editar archivos JSON Canvas (.canvas) con nodos, bordes, grupos y conexiones. Use cuando trabaje con archivos .canvas, creando lienzos visuales, mapas mentales, diagramas de flujo, o cuando el usuario mencione archivos Canvas en Obsidian.

Funcionalidades

  • Crear nuevos archivos .canvas
  • Agregar nodos con texto, color, posición y tamaño
  • Crear bordes entre nodos con etiquetas opcionales y dirección
  • Agrupar nodos dentro de grupos con color
  • Soporta todas las propiedades definidas en la especificación JSON Canvas

Uso

Para usar esta habilidad, invoque la función crear_canvas con los parámetros:

  • nodes: arreglo de objetos nodo
    • id: string único
    • x: número (posición horizontal)
    • y: número (posición vertical)
    • width: número (ancho)
    • height: número (alto)
    • type: tipo de nodo ('text', 'file', 'group')
    • text (opcional): contenido de texto o ruta de archivo
    • color (opcional): color del nodo (ej. '1', '2', '3')
  • edges: arreglo de objetos borde
    • id: string único
    • fromNode: id del nodo origen
    • fromSide (opcional): lado del nodo origen ('top', 'bottom', 'left', 'right')
    • toNode: id del nodo destino
    • toSide (opcional): lado del nodo destino
    • label (opcional): etiqueta en el borde
    • color (opcional): color del borde

Ejemplo

{
  "nodes": [
    {
      "id": "node1",
      "x": 100,
      "y": 200,
      "width": 300,
      "height": 150,
      "type": "text",
      "text": "¡Hola, Canvas!",
      "color": "1"
    }
  ],
  "edges": []
}

Integración con Obsidian

Obsidian utiliza el formato .canvas para sus lienzos. Los archivos se almacenan típicamente en la carpeta de la bóveda. Use el formato descrito arriba para crear o modificar estos archivos directamente.

Individual skills in this repo

This repo contains 5 individual skills — each has its own dedicated page.

kepano/defuddle

Extract clean markdown content from web pages using Defuddle CLI, removing clutter and navigation to save tokens. Use instead of WebFetch when the user provides a URL to read or analyze, for online documentation, articles, blog posts, or any standard web page. Do NOT use for URLs ending in .md — those are already markdown, use WebFetch directly.

kepano/knap

Render Markdown from templates and structured data using Knap CLI. Use when the user asks to apply a Knap template, turn JSON or CSV data into notes, batch-generate Markdown files, or format Defuddle output into a note.

kepano/obsidian-bases

Create and edit Obsidian Bases (.base files) with views, filters, formulas, and summaries. Use when working with .base files, creating database-like views of notes, or when the user mentions Bases, table views, card views, filters, or formulas in Obsidian.

kepano/obsidian-cli

Interact with Obsidian vaults using the Obsidian CLI to read, create, search, and manage notes, tasks, properties, and more. Also supports plugin and theme development with commands to reload plugins, run JavaScript, capture errors, take screenshots, and inspect the DOM. Use when the user asks to interact with their Obsidian vault, manage notes, search vault content, perform vault operations from the command line, or develop and debug Obsidian plugins and themes.

kepano/obsidian-markdown

Create and edit Obsidian Flavored Markdown with wikilinks, embeds, callouts, properties, and other Obsidian-specific syntax. Use when working with .md files in Obsidian, or when the user mentions wikilinks, callouts, frontmatter, tags, embeds, or Obsidian notes.

Skills relacionados