← 返回目录
O

OpenFlowKit MCP Server

社区
本地优先的开源图表工具,为 Claude、Cursor、Windsurf 等 MCP 客户端提供图表创建能力。
GitHub 源仓库 ↗
★ 733 Stars 分类 · 开发工具 非常热门 源版本 0d6a7fc4b5bd
67FMRS · C
可靠性
7/20
安全与权限
16/20
维护活跃度
16/20
文档质量
15/20
安装易用性
13/20

OpenFlowKit MCP 服务器是图表工具的轻量级本地扩展,提供了多个实用工具,适合希望将图表创建集成到 AI 工作流的开发者。安装简单,但功能受限于当前版本,部分高级特性尚未实现。

查看 FMRS 评分方法 →

OpenFlowKit MCP 服务器是一个本地优先的图表工具集,供 Claude、Cursor、Windsurf 及其他 MCP 客户端使用。它提供确定性校验、代码库分析、模板、图标查找和查看器链接,无需 API 密钥或云服务。所有处理均在本地进行,基于纯 Node 实现,通过 npm 发布。

工具能力

validate_dsl
校验 OpenFlowKit DSL 语法,确保图表描述正确。
create_viewer_url
生成一个查看器 URL,用于在浏览器中打开和编辑图表。
analyze_codebase
分析代码库,提取架构信息以生成对应的图表。
find_icon_slug
在图标目录中查找匹配的图标标识,用于自动分配图标。
fetch_template
获取可用的图表模板,作为绘图起点。
inspect_capabilities
检查 MCP 服务器提供的功能,了解可用的工具和资源。

安装接入

在 MCP 客户端配置中添加以下内容:

{
  "mcpServers": {
    "openflowkit": {
      "command": "npx",
      "args": ["-y", "@vrun-design/openflowkit-mcp"]
    }
  }
}

然后启动客户端即可使用。

claude_desktop_config.json
{
  "mcpServers": {
    "openflowkit": {
      "command": "npx",
      "args": ["-y", "@vrun-design/openflowkit-mcp"]
    }
  }
}

选型与风险

适合谁

  • 希望将 AI 助手用于图表设计的开发者
  • 偏好本地工具、强调数据隐私的团队
  • 需要将图表与代码紧密结合的工作流

不适合谁

  • 需要多人实时协作的用户(当前协作功能为实验性且默认关闭)
  • 希望生成 GIF 动画的用户(当前仅支持 MP4 导出)
  • 需要桌面应用的用户(桌面版尚未发布)

所需权限

  • 无需 API 密钥
  • 无需网络请求,所有操作均在本地进行
  • 需要访问本地文件系统以分析代码库

风险与副作用

  • 工具仍处于早期版本,可能存在错误或功能变化。
  • 代码分析功能可能不准确,由 AI 生成的图表可能需要手动检查。
  • 本地优先模式意味着图表数据保存在浏览器本地,分享需通过导出或查看器链接。

常见排障

  1. 如果 MCP 服务器无法连接,请检查:
  2. 1. 确保 Node.js 已安装且 npx 可用。
  3. 2. 检查网络连接,确保 npx 能下载包。
  4. 3. 在 MCP 客户端中重新加载配置,确保配置正确。

使用场景

在 Claude 或 Cursor 中通过自然语言创建系统架构图或流程图。
将现有代码库分析为架构图,帮助理解项目结构。
使用模板快速生成标准图表,提高文档效率。

支持客户端

Claude Desktop完整支持
Cursor完整支持
Windsurf完整支持