json-canvas
✓优化的JSON Canvas可视化系统，专为学习笔记的知识图谱设计。提供思维导图、概念关系图、学习路径图等可视化功能，帮助构建直观的知识结构。
SKILL.md
Nodes are objects placed on the canvas. There are four node types:
| id | Yes | string | Unique identifier for the node | | type | Yes | string | Node type: text, file, link, or group | | x | Yes | integer | X position in pixels | | y | Yes | integer | Y position in pixels | | width | Yes | integer | Width in pixels | | height | Yes | integer | Height in pixels | | color | No | canvasColor | Node color (see Color section) |
| text | Yes | string | Plain text with Markdown syntax |
优化的JSON Canvas可视化系统，专为学习笔记的知识图谱设计。提供思维导图、概念关系图、学习路径图等可视化功能，帮助构建直观的知识结构。 來源：wyfusion/note。
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/wyfusion/note --skill json-canvas- 分類
- *創意媒體
- 認證
- ✓
- 收錄時間
- 2026-02-01
- 更新時間
- 2026-02-18
快速解答
什麼是 json-canvas？
优化的JSON Canvas可视化系统，专为学习笔记的知识图谱设计。提供思维导图、概念关系图、学习路径图等可视化功能，帮助构建直观的知识结构。 來源：wyfusion/note。
如何安裝 json-canvas？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/wyfusion/note --skill json-canvas 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪？
https://github.com/wyfusion/note