mindmap · 思维导图

思维导图生成 skill:把 Markdown 大纲(标题层级 + 列表)渲染成可交互思维导图 HTML,可选导出 PNG。适合知识结构、内容框架、SWOT 分析、脑图梳理。
关键在先把内容组织成清晰的大纲(层级 2–4 层、节点文字精炼),再渲染——大纲质量决定脑图质量。HTML 版可交互展开/折叠、缩放,适合分享嵌入;PNG 版适合直接发图。
调用示例:在聊天框中说"把这篇文章的要点做成思维导图"。
产品详解
定位
mindmap 是"大纲 → 脑图"的渲染器:专做层级大纲思维导图。数据图表用 chart-visualization,信息图/流程图用 infographic。
核心能力
- Markdown 大纲输入:用
#/##/###表示层级、-列表表示叶子,结构清晰即插即用。 - 可交互 HTML:markmap 自包含单文件,联网可交互展开/折叠、缩放,适合分享或嵌入页面。
- PNG 导出:可选导出 PNG 图片(Chromium 无头渲染),适合直接发图。
- 大纲提炼:从文章/主题提炼中心 → 分支 → 要点的组织工作由 LLM 完成,这是脑图质量的关键。
工作流程
- 把内容整理成 Markdown 大纲(层级 2–4 层,节点文字精炼)
- 渲染成思维导图 HTML
- (可选)导出 PNG
输入与输出
| 输入 | 说明 |
|---|---|
| Markdown 大纲 | 必填,标题层级 + 列表;可从文章/主题先提炼 |
输出(outputs/主题名/):思维导图 HTML(单文件)+ 可选 PNG。
与相邻 skill 的区别
| skill | 分工 |
|---|---|
| mindmap(本) | 层级大纲思维导图 |
| chart-visualization | 数据图表 |
| infographic | 信息图/流程图 |
适用场景
- 知识结构、课程大纲的可视化梳理
- 内容框架、选题规划的脑图呈现
- SWOT 分析、头脑风暴结果的树状呈现
使用前准备
- 内容先成清晰的 Markdown 大纲再渲染;层级不宜超过 4 层。
- 仅要 HTML 无额外依赖;PNG 导出需 playwright + chromium + 外网(markmap JS 走 CDN)。
mindmap 隶属于 Aiglade Skill 库。在 Aiglade 聊天框中用自然语言描述需求即可调用。