本文へ移動
cccskills
無料GitHub で公開

obsidian-canvas

Crea y edita archivos .canvas (JSON Canvas): nodos de nota, texto, archivo y link, grupos y edges con direccion y color. Triggers: obsidian canvas, json canvas, mapa visual, diagrama de notas, archivo .canvas, pizarra obsidian.

日本語の概要は準備中です。原文の説明を表示しています。

SebastianLuser/claude-code-arcaneスター 3(GitHub 3 + cccskills 0)
連携ツールObsidian

実行スコア 未検証

インストール方法を見る

含まれるファイル(1)

  • SKILL.md3.9 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

Obsidian Canvas - JSON Canvas

Un .canvas es JSON plano con dos arrays: nodes y edges. El formato es JSON Canvas, un spec abierto, así que el archivo se puede generar y leer sin Obsidian. Adaptado de kepano/obsidian-skills al formato de este repo.

Modo: $ARGUMENTS

Modos

  • create: generar un canvas nuevo desde una descripción o desde un conjunto de notas del vault.
  • explain: leer un canvas y describir su estructura en texto. Read-only.
  • edit: agregar o reacomodar nodos de un canvas existente. Pedí approval antes de escribir, y avisá que un canvas abierto en Obsidian sobrescribe el archivo al guardar: hay que cerrarlo antes.

Estructura

{
  "nodes": [
    {
      "id": "n1",
      "type": "file",
      "file": "03_Resources/Indices parciales.md",
      "x": 0, "y": 0, "width": 400, "height": 300
    },
    {
      "id": "n2",
      "type": "text",
      "text": "Hipotesis: el costo esta en las lecturas",
      "x": 480, "y": 0, "width": 300, "height": 120,
      "color": "4"
    },
    {
      "id": "g1",
      "type": "group",
      "label": "Investigacion",
      "x": -40, "y": -60, "width": 900, "height": 440
    }
  ],
  "edges": [
    {
      "id": "e1",
      "fromNode": "n1", "fromSide": "right",
      "toNode": "n2", "toSide": "left",
      "label": "sugiere"
    }
  ]
}

Nodos. Campos obligatorios: id, type, x, y, width, height. Tipos:

typeCampo propio
texttext (markdown)
filefile (ruta en el vault), subpath opcional para un heading o bloque
linkurl
grouplabel, background, backgroundStyle opcionales

Edges. Obligatorio id, fromNode, toNode. Opcionales: fromSide y toSide (top, right, bottom, left), fromEnd/toEnd (none, arrow), label, color.

Color. Un preset "1" a "6" (rojo, naranja, amarillo, verde, cyan, violeta) o un hex "#ff0000".

Coordenadas. El eje Y crece hacia abajo. Un grupo no contiene nodos por referencia: los contiene geométricamente, por solaparse con su rectángulo. Si movés un nodo fuera del rectángulo, sale del grupo.

Reglas para generar uno usable

  • Los id tienen que ser únicos. Si se repiten, Obsidian se queda con uno solo y el resto desaparece sin error.
  • Layout en grilla, no apilado en el origen. Separar los nodos al menos 60px: un canvas con todo en x: 0, y: 0 se abre como una pila ilegible y reacomodarlo a mano cuesta más que generarlo de nuevo.
  • Verificar que cada file exista antes de escribir el canvas: un nodo que apunta a una nota inexistente renderiza vacío.
  • Un canvas es para pensar visualmente, no para almacenar conocimiento. Lo que se aprende en un canvas se escribe después como nota atómica.

Canvas READY cuando el JSON es válido, los ids son únicos, las rutas existen y el usuario confirmó que abre bien en Obsidian.

Reglas

  • No inventar campos que el spec no define: Obsidian los ignora y ensucia el archivo.
  • No reescribir un canvas entero para agregar un nodo: Edit sobre el array.
  • Pedí approval antes de escribir o sobrescribir un .canvas, y verificá que no esté abierto en Obsidian.
  • Sin guiones largos en labels ni en nodos de texto.

Handoff

Si lo que hacía falta era una vista tabular y no un mapa visual, el skill correcto es /obsidian-bases. Cuando el canvas dejó una conclusión, el siguiente paso es /zettel para escribirla como nota atómica: el canvas es el andamio, la nota es lo que queda.

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

コメント

ログインなしで書き込めます。使ってみた感想、質問、動かなかった環境などを気軽にどうぞ。

まだコメントはありません。最初のコメントを書いてみませんか。

送信するとすぐに公開されます。メールアドレスや電話番号などの個人情報は書かないでください。URL は 2 つまでです。

0 / 1000 文字

このフォームは reCAPTCHA で保護されており、Google のプライバシーポリシーと利用規約が適用されます。

同じリポジトリのスキル

Plan, design, and implement A/B tests and experiments with statistical rigor. Covers hypothesis frameworks, sample sizing, metrics, and result analysis.

日本語の概要は準備中です。原文の説明を表示しています。

SebastianLuser/claude-code-arcane32026年10月27日 更新

Web/mobile accessibility decision guide: WCAG 2.2 AA, ARIA, keyboard nav, focus management, contrast, testing. Use for: a11y, accessibility, wcag, aria, screen reader, keyboard, contrast.

日本語の概要は準備中です。原文の説明を表示しています。

SebastianLuser/claude-code-arcane32026年10月27日 更新

Generate, iterate, and scale ad creative for paid advertising across Google, Meta, LinkedIn, and X. Covers platform specs, creative frameworks, and quality validation.

日本語の概要は準備中です。原文の説明を表示しています。

SebastianLuser/claude-code-arcane32026年10月27日 更新

Musica interactiva para juegos: layering vertical, re-secuenciacion horizontal, stingers, reglas de transicion con sync points, y mapeo de estados de gameplay a musica. Usar para: musica adaptativa, sistema de musica dinamica, transiciones musicales, combat music.

日本語の概要は準備中です。原文の説明を表示しています。

SebastianLuser/claude-code-arcane32026年10月27日 更新

Design multi-agent systems, create agent architectures, define communication patterns, and build autonomous agent workflows with structured evaluation frameworks.

日本語の概要は準備中です。原文の説明を表示しています。

SebastianLuser/claude-code-arcane32026年10月27日 更新

Inter-agent communication protocol for C-suite agent teams. Defines invocation syntax, loop prevention, isolation rules, response formats, and quality loops.

日本語の概要は準備中です。原文の説明を表示しています。

SebastianLuser/claude-code-arcane32026年10月27日 更新

SebastianLuser のスキルをすべて見る

このスキルの問題を報告する