json-canvas · 把资料排成一张思维画布

作者提供的示例，实际效果取决于你的输入和使用工具。

输入

节点一：用户找不到导出按钮；节点二：手机走查 5 个关键步骤；用“验证”箭头连接。

输出

编辑示例 · 未运行

{
  "nodes": [
    {"id":"problem01","type":"text","text":"用户找不到导出按钮","x":0,"y":0,"width":280,"height":120},
    {"id":"check01","type":"text","text":"手机走查 5 个关键步骤","x":380,"y":0,"width":280,"height":120}
  ],
  "edges": [
    {"id":"edge01","fromNode":"problem01","fromSide":"right","toNode":"check01","toSide":"left","label":"验证"}
  ]
}

把零散资料摆成可移动的卡片和连线，交付 Obsidian 等工具能打开的 .canvas 文件。

具体任务

建立问题到验证方案的两节点画布：把零散资料摆成可移动的卡片和连线，交付 Obsidian 等工具能打开的 .canvas 文件。

扩充现有资料画布：复用已有节点和 ID，加入文件、分组与连线并调整布局。

必需材料

节点内容与关系

文件路径或链接

可选材料

现有 .canvas 文件

布局偏好

使用门槛

目标阅读器支持 JSON Canvas，并能核对引用文件路径。

这个 Skill 额外提供的方法

将文字、文件和关系写成可编辑结构，既可视化梳理，也可继续由工具维护。

编辑示例（未运行）

建立问题到验证方案的两节点画布

任务：请根据下面的示例材料完成建立问题到验证方案的两节点画布，把判断依据和待确认事项写清楚。

输入：
节点一：用户找不到导出按钮；节点二：手机走查 5 个关键步骤；用“验证”箭头连接。

结果片段：
```json
{
  "nodes": [
    {"id":"problem01","type":"text","text":"用户找不到导出按钮","x":0,"y":0,"width":280,"height":120},
    {"id":"check01","type":"text","text":"手机走查 5 个关键步骤","x":380,"y":0,"width":280,"height":120}
  ],
  "edges": [
    {"id":"edge01","fromNode":"problem01","fromSide":"right","toNode":"check01","toSide":"left","label":"验证"}
  ]
}
```

将文字、文件和关系写成可编辑结构，既可视化梳理，也可继续由工具维护。 该片段是编辑示例，用于说明交付形态，未运行上游技能。

首次任务

请使用「把资料排成一张思维画布」完成「建立问题到验证方案的两节点画布」。
任务要求：将文字、文件和关系写成可编辑结构，既可视化梳理，也可继续由工具维护。

我的必需材料：
- 节点内容与关系：[请填写或粘贴]
- 文件路径或链接：[请填写或粘贴]

请基于上述实际材料输出：包含文字、文件或链接节点的 JSON Canvas 文件。缺少依据的地方单列为待确认，不编造事实；未执行的操作或测试明确标为未执行。

验收要求：
1. JSON 解析成功且节点 ID 唯一。
2. 所有边都指向存在的节点。
3. 文件与链接引用有效、实际布局无关键遮挡。

验收方法

JSON 解析成功且节点 ID 唯一

所有边都指向存在的节点

文件与链接引用有效、实际布局无关键遮挡

依赖与准备

生成 .canvas 只需文件编辑与 JSON 校验；视觉检查需 Obsidian 或兼容 JSON Canvas 的阅读器，不需要云账号。

使用边界

画布中的文件链接不复制文件本体，移位后可能失效。

修改已有画布需保留未知节点和稳定 ID，避免重建覆盖人工布局。

排错

打开后连线消失：检查 fromNode/toNode 是否与真实 ID 一致，避免使用节点文本当 ID。

文件节点为空：核对相对路径以所在资料库为基准，而非脚本运行目录。

固定来源

https://github.com/kepano/obsidian-skills/blob/3ccff5338ea700537839b21900aa5358a0402c98/skills/json-canvas/SKILL.md

先看看示例

输入

输出

方法说明