mcpField
U
Umlout

Umlout

远程服务
umlout.com媒体与设计03 周前更新

关于 Umlout

Umlout 是托管的 MCP 服务,可在可视化白板上创建和编辑项目,面向使用 UML 图、流程图、线框图、规划看板、平面图和架构图的团队;项目对象和关系可用于多个看板。

主要功能

  1. 01创建和管理项目及看板
  2. 02定义对象类型、字段和关系
  3. 03绘制 UML 图和流程图
  4. 04创建线框图和规划看板
  5. 05使用 AWS、Azure 和 Kubernetes 图标
  6. 06管理评论、文件和已删除项目

适用场景

  1. 01根据需求构建 UML 图
  2. 02将 OpenAPI 规范转为组件图
  3. 03将移动端流程绘制为线框图
  4. 04检查看板状态和转换

MCP 相关

Umlout 在 `https://www.umlout.com/mcp/http` 提供托管的 Streamable HTTP MCP 服务。MCP 客户端可通过其工具和只读资源,在经授权的账户中创建和编辑项目。

配置

远程服务无需本地安装。选择你使用的客户端,复制配置或使用一键安装。

服务地址https://www.umlout.com/mcp/http
一键复制安装命令
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

命令在终端中运行;JSON 粘贴到对应客户端的 MCP 配置后重启。需要授权的服务会在首次连接时提示登录。

全部服务地址
Streamable HTTPhttps://www.umlout.com/mcp/http需要授权

工具

详细介绍

Umlout MCP 服务

让 AI 助手在真实白板上绘图。

Umlout 提供托管的 Model Context Protocol 服务,让 Claude、Cursor、VS Code Copilot 和其他任何 MCP 客户端都能在你的 Umlout 工作区中创建和编辑项目——包括 UML 类图、时序图、活动图和状态图、流程图、线框图、敏捷与规划看板、平面图、仪表板,以及使用 AWS、Azure 和 Kubernetes 图标集绘制的云架构。

无需安装,也无需运行任何程序:服务托管在 https://www.umlout.com/mcp/http(Streamable HTTP)。较旧的 SSE 地址 /mcp/sse 仍可响应,但服务重启后 SSE 会话不会保留,因此每次部署后,指向该地址的客户端都会失效,直到手动重新连接。请使用 /mcp/http。 你只需要一个 API 密钥。


快速开始

1. 获取 API 密钥。 在 umlout.com 登录,打开 Profile → AI clients,选择你的客户端并创建密钥。个人资料页面会提供适用于该客户端的准确配置文本,并已填入密钥。

2. 将服务添加到你的客户端。

Claude Code
claude mcp add --transport http umlout https://www.umlout.com/mcp/http --header "Authorization: Bearer YOUR_API_KEY"

更多选项(包括项目范围配置):examples/claude-code.md。

Cursor · VS Code

~/.cursor/mcp.json:

{
  "mcpServers": {
    "umlout": {
      "url": "https://www.umlout.com/mcp/http",
      "headers": { "Authorization": "Bearer YOUR_API_KEY" }
    }
  }
}

VS Code 使用不同的配置格式——字段是 servers,而不是 mcpServers,并且需要 "type": "http"——因此请在 .vscode/mcp.json 中使用 examples/vscode.json。它会提示你输入密钥,并将其保存在 VS Code 的机密存储中,而不是提交到文件中。

Claude Desktop — 通过 mcp-remote 桥接

Claude Desktop 的配置文件不接受远程 URL,因此需要通过 mcp-remote(需要 Node.js)转接。编辑 ~/Library/Application Support/Claude/claude_desktop_config.json(macOS)或 %APPDATA%\Claude\claude_desktop_config.json(Windows):

{
  "mcpServers": {
    "umlout": {
      "command": "npx",
      "args": [
        "-y", "mcp-remote", "https://www.umlout.com/mcp/http",
        "--header", "Authorization: Bearer YOUR_API_KEY"
      ]
    }
  }
}

然后彻底退出 Claude Desktop 并重新打开——仅关闭窗口还不够。

Codex · Gemini CLI · Antigravity · Devin Desktop · 其他客户端

Codex 不会将密钥存入配置文件,而是从环境变量中读取——请参阅 examples/codex.md。

其他客户端都使用包含地址和 headers 对象的 JSON 文件;只有地址字段的名称不同:

客户端文件地址字段
Cursor~/.cursor/mcp.jsonurl
Gemini CLI~/.gemini/settings.jsonhttpUrl
Antigravity~/.gemini/config/mcp_config.jsonserverUrl
Devin Desktop(原 Windsurf)其 mcp_config.json(MCPs → View raw config)serverUrl
{
  "mcpServers": {
    "umlout": {
      "serverUrl": "https://www.umlout.com/mcp/http",
      "headers": { "Authorization": "Bearer YOUR_API_KEY" }
    }
  }
}
ChatGPT · Claude connectors · Grok — 仅接受地址的客户端

无需密钥:向客户端提供 https://www.umlout.com/mcp/http。它会打开一个 Umlout 页面,你可以在其中登录并授权。请参阅 docs/authentication.md。

3. 请求创建看板:

创建一个名为 “Auth” 的项目,并在其中的看板上绘制 OAuth2 授权码流程的 UML 时序图。

你可以随时验证配置:

python3 scripts/check_connection.py --api-key YOUR_API_KEY

能做什么

覆盖十二个领域的 95 个工具,以及 4 个只读资源。包含每个参数的完整参考: docs/tools.md 和 docs/resources.md。

Umlout 存储的是一个项目,而画板是查看项目的一种视图。项目包含对象——每个对象都有名称、且只有一种类型,以及自己的属性和描述——还有对象之间的关系。画板上的图形是对象的一种绘制方式,因此同一对象可以绘制在五个画板上,但它仍然是同一个对象;画板上的线则是关系的一种绘制方式。

领域助手可以做什么
项目创建、列出、读取、重命名、公开分享和删除项目
画板在项目中创建画板、按名称查找画板、重命名、调整摄像机视角、清空、删除和恢复画板
对象和文件夹一次调用即可创建对象、文件夹和关系;更新对象、合并重复对象,或为对象创建专属详情画板
关系创建和更新带有 UML 细节的关系;反转关系方向
类型和字段浏览目录中的类型;声明项目自有类型;描述每种类型的字段——文本、数字、是/否、选项、Markdown、引用、计数器、计算值、文件、键值对列表——以及该类型对象的绘制模板
共享字段只需描述一次字段,即可在多种类型中使用
形状和连接绘制对象图形和自由图形、带分区的 UML 类、带 UML 表示法的连接、序列消息和自定义锚点;可逐个或每次调用数百个地更新和删除
复合图形和调色板将一组图形保存为一张卡片并重复放置;重新绘制旧副本;整理工具栏的调色板
文件将文件上传到项目、重命名、删除和恢复文件;在 Image 图形中显示图像
评论在任意图形或连线上添加、列出、解决和删除评论及回复
已删除项目列出项目中已删除的内容并恢复——画板、对象、关系、类型、共享字段或文件
计划和限额查看计划配额以及速率限制额度的剩余量

图形词汇库涵盖 205 种图形——基本几何图形、UML(类、用例、状态、活动、序列、组件、部署、时序)、流程图、图表和仪表板图形、敏捷和回顾卡片、带阶段和任务的计划、平面图,以及完整的线框图套件——此外还有 AWS、Azure 和 Kubernetes 图标库。

值得尝试的请求
  • “将这个 OpenAPI 规范转换为组件图。”
  • “把移动端引导流程绘制成线框图——共三个屏幕。”
  • “阅读‘Checkout’画板,并告诉我哪些状态没有出向转换。”
  • “根据这些需求构建一个项目:订单、发票、客户——每个名词对应一种类型及其字段——并为其绘制类图画板。”
  • “为每个 Task 添加一个 status 字段,并统计每个 Stage 中已完成的任务数量。”

身份验证和限额

每个请求都通过 Authorization: Bearer <key>(或 X-API-Key)携带你的密钥,或者携带通过浏览器登录的客户端所用的 OAuth 令牌。两种方式都限定在你的账户范围内——助手看到的项目、你在每个项目中的角色都与你完全相同,不会看到其他内容。

限额数值
工具调用每分钟 300 次
写入工具调用每小时 600 次
批量写入调用(bulk_*)每小时 600 次,且不占用写入额度

详情、密钥轮换和撤销: docs/authentication.md。 遇到问题?docs/troubleshooting.md。


关于此代码仓库

此代码仓库是 Umlout MCP 连接器的公开主页:包含文档、客户端配置、注册清单(server.json)和连接检查工具。服务本身托管在远程服务上——无需本地安装,因此此处不包含服务源代码。

欢迎在 Issues 中提出有关 MCP 集成的问题或疑问。

许可证

MIT — 文档和示例。

评论

支持 Markdown

第一次接触 MCP?

从协议是什么,到在客户端里装上第一个服务,这几条回答覆盖了大多数入门问题。

一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。