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