思维导图生成:从文档到可交互 HTML 导图

前言

读完一本电子书或一份长文档,脑子里有结构,却很难快速落成可分享的树状视图。手工在导图软件里敲节点,要先自己拆章节、定层级,长材料尤其费时。若希望 Agent 先读材料、抽出提纲,再产出可在浏览器里展开折叠的 HTML 思维导图(并可导出图片),可以把「思维导图生成」装进当前环境的 Skills 目录,用自然语言触发整条流水线。

这是什么

「思维导图生成」是 SkillHub 上的社区 Skill,坐标为 @user_966d65df/mindmapgenerator,当前版本 1.0.2,分类为 knowledge-management,发布者为 user_966d65df。页面标注 requires_api_key=false,即不依赖额外 API Key 配置。

它面向「已有文件、需要结构化呈现」的场景:根据用户提供的目录路径,或对话中上传的文档,自动提取文本、生成结构化大纲,并据此生成可交互的 HTML 思维导图,且支持导出图片格式。

核心功能

以下能力均来自 SkillHub 官方简介与页面说明,安装后由 Agent 按 Skill 内 SKILL.md 约定执行。

  1. 多格式输入:支持从目录路径或上传文档读取内容,格式包括 epub、pdf、docx、md、txt 等。
  2. 提纲生成:在提取文本后,生成结构化大纲(提纲),作为导图节点层级的基础。
  3. HTML 思维导图:基于大纲生成可交互的 HTML 思维导图,便于在浏览器中查看与操作。
  4. 图片导出:在 HTML 导图基础上,支持导出为图片格式,便于插入笔记或分享。
  5. 触发语匹配:当用户表达「生成思维导图」「画思维导图」「根据这本书/文档做大纲和导图」「把这份材料整理成树状导图」等意图时,Agent 应选用本 Skill。

安装与启用

SkillHub 页面要求:先按 SkillHub 安装说明 准备 skillhub CLI,再将本 Skill 安装到当前 Agent 实际使用的 skills 目录;若未指定 --dir,默认会装到 ./skills/,当前 Agent 可能无法加载。

1、检查或安装 skillhub CLI

command -v skillhub && skillhub --version

若未安装,可使用官方脚本(完整安装含 CLI 与默认 Skill):

curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash

仅安装 CLI 时:

curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash -s -- --cli-only

2、安装本 Skill

将 @user_966d65df/mindmapgenerator 安装到对应目录。以 Cursor 为例,skills 目录一般为 ~/.cursor/skills/:

skillhub install @user_966d65df/mindmapgenerator --dir ~/.cursor/skills/

其他常见客户端路径(摘自 SkillHub 安装文档,按你实际使用的环境择一):

  • Claude Code:~/.claude/skills/
  • Codex:~/.codex/skills/ 或项目下的 .agents/skills/
  • Gemini CLI:~/.gemini/skills/

安装完成后,按你所用 Agent 的说明刷新或重启,使新 Skill 被识别。

典型用法

本 Skill 通过对话驱动,无单独 CLI 子命令。下面示例与官方简介中的触发场景一致,便于复现。

示例 1:指定本地路径

在 Agent 对话中说明材料位置,并明确要求导图,例如:

请根据 /path/to/my-book 目录里的材料生成思维导图,先出大纲再做成可交互 HTML。

示例 2:上传文档

在支持附件的对话里上传 pdf、docx、md 等文件,然后说明:

把这份材料整理成树状导图,需要 HTML 版本,方便导出图片。

示例 3:口语化触发

直接使用官方列出的说法之一即可,Agent 会按 Skill 流程提取文本、生成提纲并输出 HTML 导图:

  • 「根据这份文档做大纲和导图」
  • 「画思维导图」
  • 「生成思维导图」

具体输出路径、文件名与导出图片的格式,以 Skill 包内说明与 Agent 执行结果为准;若需固定落盘位置,可在对话中一并写明。

适用场景与注意

适合谁

  • 需要把电子书、技术文档、课程讲义等长文快速变成层级视图的人。
  • 已在 Cursor、Claude Code 等支持 Skills 的环境里工作,希望少用手动导图排版的人。

使用上需注意

  • 输入质量取决于源文件是否可被正常解析;扫描版 PDF、版式复杂的 docx 等,提取效果可能不稳定,官方简介未承诺 OCR 或版式还原。
  • 大纲与节点划分由模型与 Skill 逻辑共同决定,重要材料建议人工核对后再对外分享。
  • SkillHub 页面显示的评分为 100000,下载 6631(统计以 SkillHub 为准,会随时间变化)。

结尾

「思维导图生成」把「读文件 → 提纲 → HTML 可交互导图 → 图片导出」串成一条 Agent 可触发的流程,适合知识整理与长文速览。安装与详情见 SkillHub:

  • 页面:https://www.skillhub.cn/skills/user_966d65df/mindmapgenerator
  • API 入口:https://api.skillhub.cn/user_966d65df/mindmapgenerator
羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

Xiaoye