/ 目录 / 演练场 / Markmap MCP Server
● 社区 jinzcdev ⚡ 即开即用

Markmap MCP Server

作者 jinzcdev · jinzcdev/markmap-mcp-server

通过一个工具调用将任何Markdown大纲转换为交互式思维导图—平移、折叠、导出PNG/JPG/SVG。

markmap-mcp-server将开源标记映射渲染器包装为MCP工具。使用嵌套的标题或项目符号列表向其提供Markdown ,获取在浏览器中打开的HTML思维导图(可自动启动)并导出到PNG/JPG/SVG。对于会议摘要、头脑风暴捕获、研究笔记以及任何时候更容易将平面轮廓视为一棵树都很有用。

为什么要用

核心特性

实时演示

实际使用效果

markmap-mcp-server.replay ▶ 就绪
0/0

安装

选择你的客户端

~/Library/Application Support/Claude/claude_desktop_config.json  · Windows: %APPDATA%\Claude\claude_desktop_config.json
{
  "mcpServers": {
    "markmap-mcp-server": {
      "command": "npx",
      "args": [
        "-y",
        "@jinzcdev/markmap-mcp-server"
      ],
      "env": {
        "MARKMAP_DIR": "/path/to/output"
      }
    }
  }
}

打开 Claude Desktop → Settings → Developer → Edit Config。保存后重启应用。

~/.cursor/mcp.json · .cursor/mcp.json
{
  "mcpServers": {
    "markmap-mcp-server": {
      "command": "npx",
      "args": [
        "-y",
        "@jinzcdev/markmap-mcp-server"
      ],
      "env": {
        "MARKMAP_DIR": "/path/to/output"
      }
    }
  }
}

Cursor 使用与 Claude Desktop 相同的 mcpServers 格式。项目级配置优先于全局。

VS Code → Cline → MCP Servers → Edit
{
  "mcpServers": {
    "markmap-mcp-server": {
      "command": "npx",
      "args": [
        "-y",
        "@jinzcdev/markmap-mcp-server"
      ],
      "env": {
        "MARKMAP_DIR": "/path/to/output"
      }
    }
  }
}

点击 Cline 侧栏中的 MCP Servers 图标,然后选 "Edit Configuration"。

~/.codeium/windsurf/mcp_config.json
{
  "mcpServers": {
    "markmap-mcp-server": {
      "command": "npx",
      "args": [
        "-y",
        "@jinzcdev/markmap-mcp-server"
      ],
      "env": {
        "MARKMAP_DIR": "/path/to/output"
      }
    }
  }
}

格式与 Claude Desktop 相同。重启 Windsurf 生效。

~/.continue/config.json
{
  "mcpServers": [
    {
      "name": "markmap-mcp-server",
      "command": "npx",
      "args": [
        "-y",
        "@jinzcdev/markmap-mcp-server"
      ]
    }
  ]
}

Continue 使用服务器对象数组,而非映射。

~/.config/zed/settings.json
{
  "context_servers": {
    "markmap-mcp-server": {
      "command": {
        "path": "npx",
        "args": [
          "-y",
          "@jinzcdev/markmap-mcp-server"
        ]
      }
    }
  }
}

加入 context_servers。Zed 保存后热重载。

claude mcp add markmap-mcp-server -- npx -y @jinzcdev/markmap-mcp-server

一行命令搞定。用 claude mcp list 验证,claude mcp remove 卸载。

使用场景

实战用法: Markmap MCP Server

将会议笔记转换为思维导图,以便快速共享

👤 项目经理、团队负责人进行大量笔记同步 ⏱ ~10 min beginner

何时使用: 会议结束后,扁平项目符号列表隐藏了讨论的形状。

前置条件
  • 节点18 + — nvm install 18
步骤
  1. 让客服代表起草扣分
    将今天的规划会议总结为顶级主题的嵌套Markdown大纲。✓ 已复制
    → 轮廓有3–5个热门主题,嵌套子点
  2. 渲染
    在该大纲上运行markdown-to-mindmap ,并在浏览器中打开。✓ 已复制
    → 交互式思维导图打开;节点折叠/扩展
  3. 导出
    将地图导出到SVG并将文件放入团队文档。✓ 已复制
    → SVG保存在MARKMAP_DIR下

结果: 可共享的思维导图,可编码会议的形状,而不仅仅是其文字。

注意事项
  • 轮廓太浅—一切都变成了顶级节点 — 强制嵌套:询问→支持事实→的主题子点
搭配使用: filesystem

从教科书章节构建学习地图

👤 学生和终身学习者 ⏱ ~20 min beginner

何时使用: 您已经阅读了一个章节,并希望在考试前查看单个图像视觉效果。

步骤
  1. 总结本章内容
    将的第4章总结<book>为分层Markdown大纲。✓ 已复制
    → 清除主题树
  2. 渲染和导出
    生成思维导图并将其保存为~/study/中的PNG。✓ 已复制
    → PNG文件可供审核

结果: 扫描需要几秒钟的视觉学习辅助工具。

搭配使用: paper-fetch-skill

在编写完整图表之前起草一份非正式的架构图

👤 工程师在承诺访问draw.io/figma之前进行素描 ⏱ ~15 min intermediate

何时使用: 您想要一个2分钟的“谈话轨道”图表,而不是一个精美的架构文档。

步骤
  1. 在Markdown中列出服务
    将此存储库中的服务概述为按域分组的嵌套Markdown树。✓ 已复制
    → 分组轮廓反映了代码库结构
  2. 渲染
    将其转换为思维导图并导出SVG。✓ 已复制
    → SVG ,您可以放入设计文档

结果: 几分钟内的通话轨道图;仅在需要时才升级到真实的架构图。

注意事项
  • 把它当作最终的神器 — 将其用作思考工具;发布前替换为正式图表
搭配使用: mermaid-skill

组合

与其他 MCP 搭配,撬动十倍杠杆

markmap-mcp-server + filesystem

阅读长文档,总结为Markdown大纲,呈现为思维导图

读取./notes/long-doc.md ,生成嵌套轮廓,然后将其呈现为思维导图。✓ 已复制
markmap-mcp-server + mermaid-skill

选择正确的视觉效果—流的美人鱼,层次结构的标记图

确定这是流(美人鱼)还是层次结构(标记图)并相应地渲染。✓ 已复制
markmap-mcp-server + paper-fetch-skill

获取论文的摘要/章节,映射参数结构

获取论文,提取章节标题和要点,将论点渲染为思维导图。✓ 已复制

工具

此 MCP 暴露的能力

工具输入参数何时调用成本
markdown-to-mindmap markdown: str, open?: bool 将嵌套的Markdown大纲转换为交互式思维导图 0

成本与限制

运行它的成本

API 配额
无—本地呈现
每次调用 Token 数
小:轮廓尺寸
费用
免费
提示
将轮廓保留到约100个节点以保持可读性;较大的地图平移/导出速度较慢。

安全

权限、密钥、影响范围

凭据存储: 无凭据—离线渲染
数据出站: 没有网络出口。字体和JS在本地捆绑。

故障排查

常见错误与修复

浏览器未打开

设置open = false并手动打开返回的HTML路径;确认已注册默认浏览器。

验证: open $(returned_path) on macOS
导出的PNG为空

导出之前,请等待地图完全渲染。增加配置延迟或两次运行导出。

验证: Open the HTML in a browser and check it renders before export
写入MARKMAP_DIR的权限被拒绝

将MARKMAP_DIR指向主目录中的可写路径。

验证: touch $MARKMAP_DIR/.probe && rm $MARKMAP_DIR/.probe

替代方案

Markmap MCP Server 对比其他方案

替代方案何时用它替代权衡
mermaid-skill您的数据是流程或序列,而不是层次结构不同的图表范式
excalidraw-skill您想要手绘草图视觉效果无自动布局;手动定位
antv-chart你需要统计图表,而不是思维导图不同的输出类别

更多

资源

📖 阅读 GitHub 上的官方 README

🐙 查看未解决的 issue

🔍 浏览全部 400+ MCP 服务器和 Skills