关联主题::
同级:: 2026-07-29_星期三ima里免费配置和使用苏苏可视化笔记skills
下一级::

建议

建议先在电脑端给 ima 添加 Skill,添加完成后,手机端也可以直接使用。
ima 介绍:ima下载和介绍

当前skills版本:`苏苏概念图笔记 v1.0.6
GitHub: https://github.com/brmysss/susu-skills/tree/main/%E8%8B%8F%E8%8B%8F%E6%A6%82%E5%BF%B5%E5%9B%BE%E7%AC%94%E8%AE%B0

功能介绍:把一篇文章、课程、转写稿或者长笔记,转换成一份完整的概念命题清单,以及一张中等信息密度的 Mermaid 概念图。你可以先通过一张图了解全文,再回到命题清单和原文查看细节。

以文章:万维钢:怎么找到让你向上流动的位置? 为例,使用「概念图skills」可以将文章拆解为一张概念图。
4f30bac88c7ce2a0f7bb291685ad4a31.png

说明

1、图片的质量主要取决于大模型的质量;
2、已适配ima,可以在ima里使用,同理可以在Workbuddy、codex、Claude code等Agent里使用。

一、skills安装方法

1、电脑打开ima,点击左侧ima—我的copilot—底下的Skills或者右上角的设置。
image.png
这时候会出现一个弹窗,你可以安装官方的skills,如微信读书skills等。也可以添加你的自己的skills。

2、点击「添加skills」,将我给你的skills压缩包直接拖拽进去即可。

skills安装包地址

3、安装进去后,会有一个“安全检测中”中的提示,避免随便安装的skills有病毒,这个过程很短,也就3分钟左右,安心等待。

image.png

二、使用教程

以微信文章为例。
1、如果是ima电脑端,你可以直接打开某篇公众号文章。就是点击左侧的浏览,输入链接即可。
image.png
2、然后选择ima—我的copilot—链接—当前浏览网页,选择刚刚的网页
image.png

3、关于模型,我测试过了,你直接选择免费的Hy3模型就可以了。当然啦其他模型不是不可以,只是消耗算力。
image.png

4、然后就一句指令:

https://mp.weixin.qq.com/s/nfI0TO1Wn76ChdUXB7YSdA 帮我把这篇文章生成概念图

指令不用100%一样,只要提到了概念图即可。

5、对话运行的过程中,不用管,关闭软件都可以,等待完成即可。

移动端(手机)使用也很简单,直接复制某篇文章链接,或者某个PDF等都可以。
点击主页的ima,选择好大模型。

三、概念图说明

我想要的不是把文章标题重新排列一遍,也不是把文章压缩成几个分类分支。

真正的概念图,重点是把材料中的概念和概念之间的逻辑关系画出来。每一条连线都应该带有方向和关联词,并且可以朗读成一句完整的话:

概念 A → 关联词 → 概念 B

例如:

经济连通性 → 促进 → 跨阶层友谊
跨阶层友谊 → 传递 → 高阶网络常识
高阶网络常识 → 帮助发现 → 好机会

所以它和思维导图、流程图、Obsidian 关系图谱都不一样:

  • 思维导图主要表达分类和层级。
  • 流程图主要表达步骤和过程。
  • Obsidian 关系图谱通常只能表达两个笔记“有关联”。
  • 概念图则要表达两个概念之间究竟是“促进、阻碍、证明、包含”,还是“导致”。

我的目标是:看到这张图,就能理解整篇文章在讨论什么、核心结论是什么,以及作者是通过哪些机制和证据得出这个结论的。

四、为什么要同时生成两份文件

这个 Skill 默认不会只生成一张图片,而是保留两个层次:

  1. 严格概念图命题清单:保存文章中完整的知识点和逻辑关系,是可以审计、修改和继续积累的语义底稿。
  2. 中密度 Mermaid 概念图:从完整命题中提取约 35—45 个关键概念,让图保持足够的信息量,同时又能在一张图内读完。

这解决了一个很常见的问题:图太简单,就只剩下文章梗概;图太完整,又会大到无法阅读。

中密度版本负责快速理解,完整命题清单负责保留信息。图中被压缩掉的例子、数字和次要关系,并没有被删除,它们仍然保留在命题清单和原文中。

五、最终会得到什么

默认会得到两份正式文件:

01-严格概念图-命题清单.md
02-中密度推荐版-Mermaid概念图.md

第一份文件保存完整知识关系;第二份文件可以直接在支持 Mermaid 的编辑器中显示成概念图。

一张合格的图通常会包含:

  • 一个明确的焦点问题。
  • 约 35—45 个不重复的概念节点。
  • 3—5 条解释核心问题的逻辑路径。
  • 关键机制、重要对照和少量决定性证据。
  • 带方向、带关联词的连线。
  • 可以把不同分支连接起来的交叉关系。

Skill 在交付前还会检查每一条边,确保它能读成“概念 A+关系+概念 B”,避免生成看起来很复杂、实际上没有表达逻辑的关系图。

六、图片如何导出

说明

是这样的,我在codex开发的时候,直接可以生成图片。但是skills 安装到ima里,需要安装playwright或chromium才可以,而且每个对话都需要安装一遍。于是我开始探索新的方案。

先在SkillHub-专为中国用户优化的Skills社区这里找了一些mermaid相关的skills,最终找到一个方案。直接使用通过 Kroki POST API生成mermaid图片。

skills会自动检测当前的环境,如果有浏览器就是使用浏览器,如果没有就使用 Kroki POST API

图片下载

如果在ima里第一轮对话,AI没有给到你图片,你多说一句:给我图片。

Mermaid 文件本身就是正式成品。ima 可以直接显示 Mermaid,因此生成概念图并不需要安装 Playwright 或 Chromium

只有需要把图另存为独立图片时,才会进入图片导出步骤。新版 Skill 会自动按照下面的顺序选择:

  1. 当前环境已经有浏览器:在本地生成 SVG 和白底 4× 高清 PNG。
  2. 当前环境没有浏览器,但可以联网,而且文章是公开、非敏感内容:通过 Kroki POST API 生成白底 SVG。
  3. 内容涉及隐私、内部资料,或者当前环境不能联网:只交付 Mermaid,不上传第三方,也不要求下载浏览器。

因此,在 ima 中遇到“缺少 Playwright 和 Chromium,是否下载约 150MB 浏览器”的提示时,不需要安装。对于公开文章,新版 Skill 必须直接转到 Kroki,生成白底 SVG,并把图片和两份 Markdown 一起交付;不能再停下来询问是否安装 Chromium。

七、还可以继续怎么用

生成第一版后,你可以继续让 ima 修改:

请检查所有连线的关联词,修正因果方向不准确的命题。
这张图太宽了,请保持知识点不变,把宽高比调整到接近 1.8。
请把已经完全理解的局部网络升维成一个概念节点,但在命题清单中保留原来的知识点。
请把图中的重要概念分别展开成概念笔记,并建立双向链接。

概念图不是一次生成后就不再变化的图片。每一次复述、修改和重新连接概念,实际上都在帮助我们把外部信息逐渐内化成自己的知识网络。