json-canvas
生成符合 JSON Canvas 开放规范的画布文件,涵盖节点、连线、分组等结构,可用于思维导图、流程图与架构图等可视化表达。产出文件可在 Obsidian 等支持该规范的软件中直接打开编辑。
🔍 实测报告
★★★★★ 5/5 入门可用
严格对照官方规范,字段表与验证清单实用;零依赖纯知识型,适合画白板/流程图场景。
本报告由自动化实测生成:读取技能完整内容,按描述验证可执行性与依赖。
有这个技能,差别在哪
| 遇到的情况 | 没有这个技能 | 有这个技能 |
|---|---|---|
| 想让 AI 画图 | AI 只能给文字描述,想要图还得自己画。 | AI 直接生成白板文件,打开就是能编辑的图。 |
| 画思维导图/流程图 | 自己用工具慢慢拖,费时间。 | AI 生成节点连线,打开就能看、能改。 |
| 把思路可视化 | 想法堆在脑子里,理不清。 | AI 画成图,结构一目了然,还能持续修改。 |
装好后,AI 会这样帮你干活
你:把装修思路画成思维导图
AI:生成一个白板文件:预算、风格、工期三个分支。
AI:每个分支下挂具体事项,连线清晰。
AI:生成好了,用白板软件打开就能编辑 ✅
安装(超简单,一句话搞定)
不用敲任何命令。 复制下面这句话,发给你的 AI 助手(Claude Code、Reasonix、Cursor、Codex 等都行),它会自己帮你装好:
帮我安装 json-canvas 这个技能,它来自 https://github.com/kepano/obsidian-skills ,装好告诉我是干什么的
你的 AI 助手可能还会问你放在哪、怎么用,照常回答它就行——就像平时让它干活一样,不用懂技术细节。
想自己动手?(不推荐,给懂命令行的人)
下面的命令按工具区分,均来自原仓库。普通用户请直接使用上面的一句话方式,让智能体代劳。
Claude CodeCodexCursorGemini CLIOpenCodeReasonix
/plugin marketplace add kepano/obsidian-skills /plugin install
/plugins → 搜索 obsidian-skills → Install Plugin
在 Cursor Agent 聊天中输入 /add-plugin obsidian-skills
gemini extensions install https://github.com/kepano/obsidian-skills
git clone https://github.com/kepano/obsidian-skills.git 对应技能目录(详见原仓库 README)
用 install_source 安装 https://github.com/kepano/obsidian-skills(Reasonix 会引导你完成)
来源与版权
- 原作者:Steph Ango (kepano)
- 原仓库:https://github.com/kepano/obsidian-skills
- 许可证:MIT(允许复制、修改、翻译、再分发,需保留版权声明)
- 仓库路径:skills/json-canvas