一个MCP服务器,支持让AI生成思维导图。
思维导图编辑能力来源于项目https://github.com/wanglin2/mind-map。
mind-map项目提供了一个强大的思维导图编辑能力,包含:js库、web、客户端。
npm安装包:simple-mind-map-mcp。
你可以根据你所使用的AI客户端,选择不同的安装方式。
MCP配置文件配置参考:
{
"mcpServers": {
"simple-mind-map-mcp": {
"command": "npx",
"args": ["-y", "simple-mind-map-mcp"]
}
}
}同时本项目提供了一个技能文件,可以更精确的控制AI生成的思维导图。
| 工具名称 | 描述 |
|---|---|
| start_editor | 启动思维导图编辑器 |
| set_mind_map_data | 设置思维导图数据 |
| set_mind_map_theme | 设置思维导图主题 |
| set_mind_map_layout | 设置思维导图结构 |
| export_mind_map_to | 将当前渲染的思维导图导出为指定类型的文件 |
| close_editor | 关闭当前打开的思维导图编辑页面 |
可以自己写一个Markdown内容来让AI生成思维导图,也可以直接给AI一个话题,让AI根据话题生成思维导图。
AI会在默认浏览器上打开一个思维导图界面,然后根据生成的内容在界面上渲染出思维导图。
可以随便更新思维导图内容,也可以更新主题和结构。
内容没有问题后可以让AI导出思维导图。支持(图片、PDF、Markdown、SVG、Txt、XMind)。
最后,可以让AI关闭思维导图编辑器页面。
- 生成思维导图
以减肥计划为主题生成一个思维导图以减肥计划为主题生成一个思维导图。使用时间轴结构,使用暗色主题以减肥计划为主题生成一个思维导图。导出为图片根据以下内容生成一个思维导图:
# 根节点
## 二级节点
### 三级节点- 已经生成了思维导图后可以修改主题和结构
换一个主题使用暗色主题切换为鱼骨图- 已经生成了思维导图后可以导出文件
导出为图片文件导出为PDF文件,保存到当前项目的目录中。- 使用完可以关闭编辑器
关闭编辑器选择技能后,可以省略多余的话,直接说:
要生成的思维导图的主题-
MCP服务器会启动一个简单的http服务,提供思维导图编辑器页面的访问。
-
AI调用
start_editor工具会在浏览器打开思维导图编辑器页面。页面和MCP服务其会通过Websocket建立连接。 -
AI调用工具时会给页面发送对应的消息,页面会根据消息进行相应的操作。
思维导图编辑能力来源于该项目https://github.com/wanglin2/mind-map的web版本。直接使用了mind-map项目仓库中的dist目录中已编译后的文件。然后存放在/mcp/web-dist/目录下。/mcp/web-dist/dist/index.js里面为和MCP服务端通信的代码。
能直接使用编译后的文件,是得益于mind-map项目提供了一种接管模式。
克隆本仓库,进入mcp目录,安装完依赖后,可以在AI客户端中配置如下MCP服务器:
{
"mcpServers": {
"simple-mind-map-mcp": {
"command": "node",
"args": ["index.js"],
"env": {
"NODE_ENV": "development"
},
"cwd": "项目存放路径\\mind-map-mcp\\mcp\\src"
}
}
}编译:
npm run buildMIT License