mcpField
L
LetDraw

LetDraw

远程服务
letdraw.com媒体与设计04 周前更新

关于 LetDraw

LetDraw 提供 MCP 桥接程序和类型化 REST SDK,用于操作 LetDraw 账户中的图表。它支持从代码创建图表、导出及只读分享;LetDraw 应用和托管服务不包含在此项目中。

主要功能

  1. 01列出工作区和图表
  2. 02创建和更新图表
  3. 03从代码生成图表
  4. 04添加产品图标
  5. 05导出为 Mermaid 或 D2
  6. 06分享只读链接

适用场景

  1. 01根据代码或提示词创建图表
  2. 02将图表导出为其他格式
  3. 03通过只读链接分享图表

MCP 相关

项目包含连接 LetDraw 托管 MCP 服务的 stdio 桥接程序,客户端也可连接其 Streamable-HTTP MCP 端点。文档说明了 MCP 工具、资源和权限范围。

配置

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

服务地址https://api.letdraw.com/mcp
一键复制安装命令
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://api.letdraw.com/mcp需要授权
安装包
npm@letdraw/mcp0.1.2

工具

详细介绍

LetDraw

LetDraw MCP + REST

将 AI 助手和你自己的脚本连接到 LetDraw — 通过 Model Context Protocol (MCP) 或 公共 REST API, 读取和创建你账户中的图表。

许可证:MIT Node 18+ MCP:stdio + HTTP

LetDraw 是一款在线白板和图表绘制应用,采用手绘风格。通过此集成,MCP 客户端(桌面 AI 应用、Cursor、VS Code、Codex 等)或任何 HTTP 客户端都可以列出工作区、创建和更新图表、通过代码生成图表(compose / Kubernetes / DOT / Terraform / SQL 等)、盖印真实产品图标、导出为 Mermaid 或 D2,并分享只读链接。

此代码仓库提供的是客户端集成:零配置 MCP 桥接程序、类型化 REST SDK、API 规范和设置文档。LetDraw 应用和 服务不属于此代码仓库。

此处包含的内容

路径内容
packages/mcp@letdraw/mcp — 连接托管 MCP 服务的零配置 stdio 桥接程序(npx @letdraw/mcp)
packages/sdk@letdraw/sdk — 用于编写脚本的类型化 REST 客户端
spec/mcp-tools.mdMCP 工具、资源和作用域
spec/openapi.yamlREST API 的 OpenAPI 3.1 规范
spec/capabilities.md面向 AI 客户端的「如何在 LetDraw 中绘制优质图表」指南
docs/入门指南 + 各客户端的设置说明(桌面应用、HTTP 客户端、Cursor、VS Code、Codex)
examples/可直接复制粘贴的示例

端点

REST base   https://api.letdraw.com/api-v1
MCP URL     https://api.letdraw.com/mcp

两者都使用个人 API 令牌(Authorization: Bearer ld_live_…)进行身份验证,而非登录会话。请在 LetDraw 应用的 账户 → 开发者下创建令牌。准确的 URL 和可直接粘贴使用的客户端配置 也会显示在那里。

60 秒快速开始(MCP)

托管服务支持 Streamable-HTTP,因此大多数客户端可以直接连接。对于 stdio 客户端,或想要尽可能简单的设置,请使用桥接程序:

// MCP client config (mcpServers block)
{
  "mcpServers": {
    "letdraw": {
      "command": "npx",
      "args": ["-y", "@letdraw/mcp"],
      "env": { "LETDRAW_TOKEN": "ld_live_YOUR_TOKEN" }
    }
  }
}

桌面应用、HTTP 客户端、Cursor、VS Code 和 Codex 的说明,请参阅 docs/clients。

60 秒快速开始(REST)

curl https://api.letdraw.com/api-v1/workspaces \
  -H "Authorization: Bearer ld_live_YOUR_TOKEN"

也可以使用 SDK:

import { LetdrawClient } from '@letdraw/sdk';
const ld = new LetdrawClient({ token: process.env.LETDRAW_TOKEN! });
const { workspaces } = await ld.listWorkspaces();

作用域

令牌包含作用域;每个工具/路由都需要相应的作用域:

  • diagrams:read — 列出/获取工作区、文件夹、图表和图标
  • diagrams:write — 创建/更新/删除/分享图表,以及通过代码生成图表
  • export — 导出为 Mermaid / D2
  • ai:generate — 根据提示词生成图表(使用你自己的 AI 密钥)

许可证

MIT — 详见 LICENSE。「LetDraw」和 LetDraw 徽标是其所有者的商标;详见 NOTICE.md。

评论

支持 Markdown

第一次接触 MCP?

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

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