技能 json-canvas
📦
Obsidian JSON Canvas 檔案需要精確的 JSON 結構。此技能提供範本和範例，協助建立包含節點、邊、群組和連線的有效 Canvas 檔案。
支持: Claude Codex Code(CC)
1
下载技能 ZIP
2
在 Claude 中上传
前往 设置 → 功能 → 技能 → 上传技能
3
开启并开始使用
测试它
正在使用“json-canvas”。 建立一個包含中央節點 'Main Idea' 並連接到兩個子節點的 Canvas
预期结果:
- 一個 JSON Canvas 檔案，nodes 陣列包含 3 個適當定位的文字節點，edges 陣列使用標籤將中央節點連接到子節點
正在使用“json-canvas”。 建立包含開始、決策和結束節點的簡易流程圖
预期结果:
- JSON 結構包含按類型著色的文字節點（綠色代表開始/結束，黃色代表決策），由有向邊連接顯示流程方向
安全审计
安全v1 • 2/24/2026
This is a documentation-only skill that provides templates and examples for creating JSON Canvas files. All static findings are false positives triggered by JSON code examples in markdown documentation. No executable code, network calls, or cryptographic operations present. Skill is safe for publication.
1
已扫描文件
643
分析行数
0
发现项
1
审计总数
未发现安全问题
审计者: claude
质量评分
38
架构
100
可维护性
87
内容
22
社区
100
安全
87
规范符合性
你能构建什么
建立思維導圖
為專案規劃、筆記組織或腦力激盪會議建立視覺化思維導圖，包含相連的節點
設計流程圖
建立包含決策節點、方向邊和顏色編碼元素的流程圖和流程圖表
組織研究資料
在視覺化研究 Canvas 中連接 PDF 參考文獻、筆記和外部連結，用於文獻回顧
试试这些提示
簡易文字 Canvas
建立一個 JSON Canvas 檔案，包含 3 個文字節點：頂部一個標題，下方兩個子節點，使用標籤為 'Branch A' 和 'Branch B' 的邊連接到標題。使用合理的 x, y 座標和大小。
研究參考 Canvas
建立一個 JSON Canvas 檔案，包含一個中央文字節點 'Research Topic'，連接到 3 個指向 'Paper1.pdf'、'Paper2.pdf'、'Paper3.pdf' 的檔案節點，以及一個指向 'https://example.com' 的連結節點。新增帶標籤的邊以顯示關係。
多步驟流程
建立一個包含 5 個節點的流程圖 Canvas：Start、Step 1、Decision (Yes/No)、Step 2、End。使用方向邊連接它們。使用顏色區分決策點。
群組組織
建立一個包含 2 個群組節點的 JSON Canvas：'Group A' 包含 2 個文字節點，'Group B' 包含 2 個文字節點。新增邊連接跨群組的節點。
最佳实践
- 始終為每個節點和邊包含唯一的十六進位 ID
- 使用顏色屬性以視覺方式區分節點類型
- 按 z-index 排序節點（陣列中第一個 = 底層）
- 定義邊標籤以釐清節點之間的關係
避免
- 忘記包含 'nodes' 或 'edges' 陣列包裝器
- 在多個節點或邊之間使用重複的 ID
- 省略必要屬性如 'type'、'x'、'y'、'width'、'height'
- 建立將節點連接到自身的自參照邊
常见问题
什麼是 JSON Canvas？
JSON Canvas 是一種開放檔案格式，用於 Obsidian 中的無限 Canvas 資料。檔案使用 .canvas 副檔名，包含具有 nodes 和 edges 陣列的有效 JSON。
如何生成唯一 ID？
使用 16 字元十六進位字串。Obsidian 會生成隨機 ID，但任何唯一字串都可用於自訂 Canvas。
可以在節點中新增影像嗎？
可以，使用帶有 'file' 屬性的檔案節點指向影像路徑。'subpath' 屬性可連結到特定區段。
支援哪些節點類型？
四種類型：text (Markdown 內容)、file (參考文獻)、link (外部 URL) 和 group (視覺容器)。
如何控制視覺圖層？
陣列中的節點順序決定 z-index。較早的節點出現在較晚節點的下方。重新排序陣列以變更圖層。
可以建立彩色邊嗎？
可以，在邊物件中新增 'color' 屬性，使用與節點相同的顏色系統 (0-8 範圍)。