Claude Code JSON Canvas 技能|生成 Obsidian 节点和连线
EnglishClaude Code 安装步骤
- 从固定版本 GitHub 工作副本获取完整的 `cli-tool/components/skills/document-processing/json-canvas` 目录。
- 将目录放入目标项目的 `.claude/skills/`,确认 `.claude/skills/json-canvas/SKILL.md` 存在,再从项目根目录启动 Claude Code 并输入 `/json-canvas`。
中文摘要
把流程或主题关系写成 `.canvas` 文件,核对节点 ID、连接方向和布局后在 Obsidian 打开。
SKILL.md 中文导读
可复现示例
生成 `book-flow.canvas`。左侧节点「选书」,右侧节点「登记」,从左到右连一条带箭头的线。工作步骤
- 为每个节点分配唯一 ID 和位置,按照阅读顺序排版。节点内容用所需的文本或文件类型。
- 用 `fromNode` 和 `toNode` 连接已经定义的 ID。保存后检查 JSON 解析和连线方向。
验收方法
应能打开含两个文本节点和一条边的画布。边的起点是「选书」,终点是「登记」。
GitHub 原文 · 更新日期
适用环境
准备一个 Obsidian 测试库,或支持 JSON Canvas 的查看器。先使用纯文本节点练习。
常见问题
如何排查有节点但没有连线?
检查边的两个端点是否都引用当前 `nodes` 中真实存在的 ID,并核对各 ID 是否唯一。