← 返回目录

OpenFlowKit MCP Server

社区

本地优先的开源图表工具，为 Claude、Cursor、Windsurf 等 MCP 客户端提供图表创建能力。

查看安装方法 ↓ 横向对比 GitHub 源仓库 ↗

分类: 开发工具第 26 / 438
Stars: ★ 852 非常热门
传输方式: stdio（本地进程）
运行环境: Node.js
凭据: 无需凭据
许可证: MIT
最近提交: 10 天前
工具数: 6

67FMRS · C

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

最强项 · 维护活跃度 16/20 最弱项 · 可靠性 7/20

可靠性

7/20

安全与权限

16/20

维护活跃度

16/20

文档质量

15/20

安装易用性

13/20

查看各项评分依据

可靠性 7/20: 依据：仓库包含质量CI工作流（quality.yml）、单元测试（Vitest）和端到端测试（Playwright），MCP服务器源码（mcp-server/）存在且通过npm发布。但服务器清单未提供完整工具/资源/提示列表，测试未明确覆盖MCP服务器的关键路径（工具调用、错误处理）。扣除：未能通过实际执行验证，静态审查限制了可靠性评分不超过12；测试覆盖不足和错误处理文档不充分导致扣分。
安全与权限 16/20: 依据：README声称本地优先、无服务器存储、API密钥仅存于浏览器并直接发送到提供商；MCP服务器工具是确定性的本地校验、模板和图标查找，无外部网络调用或远程副作用。未发现恶意代码、令牌泄露或危险操作。扣除：权限边界和确认机制未在文档中明确，MCP服务器是否存在数据外发的细节未被验证，但因全面本地运行和最小权限设计，保留较高分数。
维护活跃度 16/20: 依据：项目活跃，有673个星标、4个开放问题、MIT许可证、CI存在、最近发布（MCP服务器版本0.1.2）。README包含贡献指南和安全策略。扣除：发布历史和提交频率为静态推断，未验证具体日期；依赖更新策略未在文档中说明。
文档质量 15/20: 依据：README广泛描述MCP服务器功能（8个本地工具、5个资源、3个提示），并提供客户端配置示例（npx命令）。有单独的MCP服务器README（未提供，但推断存在）。扣除：缺少每个工具参数的详细参考，错误处理和故障排除章节不完整；无法从该文件中确认工具表。
安装易用性 13/20: 依据：MCP服务器通过npm包发布（@vrun-design/openflowkit-mcp），配置简单只需npx命令；README提供了Claude等客户端的JSON配置示例。根项目启动步骤简单（npm install && npm run dev）。扣除：没有MCP服务器单独的安装文档，未提供故障排除指南；平台兼容性未明确；由于静态审查，未实际运行验证，故未给予满分。

静态评测 · 未实际运行收录于 2026-08-07

查看 FMRS 评分方法 →

选型与风险

能访问什么读取本地文件

适合谁

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

不适合谁

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

所需权限

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

风险与副作用

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

安装接入

准备工作

运行环境：Node.js

在 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"]
    }
  }
}

以 Claude Desktop 为例。其他客户端的配置文件位置或字段可能不同（如 VS Code 使用 servers 字段），可用下方配置生成器转换。

.vscode/mcp.json

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

写入项目的 .vscode/mcp.json（VS Code 使用 servers 字段）。

Terminal

claude mcp add openflowkit -- npx -y @vrun-design/openflowkit-mcp

在终端运行；先把 <…> 占位符换成你自己的值。

生成并校验客户端配置

验证是否装好

在 Claude Desktop、Cursor 或 Windsurf 中添加 npx -y @vrun-design/openflowkit-mcp 配置后，工具列表中应出现 validate_dsl、create_viewer_url、analyze_codebase、find_icon_slug、fetch_template、inspect_capabilities 这些本地工具，调用 inspect_capabilities 即可确认连接成功。

常见排障

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

试试这样问

连接成功后，可以直接对 AI 助手这样说：

读取 OpenFlowKit DSL 速查表，创建一个带促销码分支和 Stripe webhook 步骤的结账流程，验证它，并生成查看器 URL
分析我的代码库并生成其架构流程图
为 PostgreSQL 数据库和 Redis 缓存节点查找图标 slug
获取一个流程图起始模板，然后校验我的 DSL

工具能力 6

validate_dsl 只读

校验 OpenFlowKit DSL 语法，确保图表描述正确。

create_viewer_url 只读

生成一个查看器 URL，用于在浏览器中打开和编辑图表。

analyze_codebase 只读

分析代码库，提取架构信息以生成对应的图表。

find_icon_slug 只读

在图标目录中查找匹配的图标标识，用于自动分配图标。

fetch_template 只读

获取可用的图表模板，作为绘图起点。

inspect_capabilities 只读

检查 MCP 服务器提供的功能，了解可用的工具和资源。

使用场景

在 Claude 或 Cursor 中通过自然语言创建系统架构图或流程图。

将现有代码库分析为架构图，帮助理解项目结构。

使用模板快速生成标准图表，提高文档效率。

支持客户端

Claude Desktop

Cursor

Windsurf

依据项目文档列出，未经本站实测。

详细介绍

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