tldraw 远程 MCP 服务器是什么?
tldraw 的远程 MCP 服务器是一个托管的 Model Context Protocol 端点,地址是 https://tldraw-mcp-app.tldraw.workers.dev/mcp,AI 助手无需在本地安装或运行任何东西即可连接。
tldraw MCP Server
@tldraw
基本信息
关于 tldraw MCP Server
tldraw is a collaborative whiteboard and canvas SDK. Its remote MCP server lets assistants draw and edit diagrams — flowcharts, architecture sketches, wireframes — on a live tldraw canvas while you work.
连接信息
https://tldraw-mcp-app.tldraw.workers.dev/mcp接入方式
claude mcp add tldraw --transport http https://tldraw-mcp-app.tldraw.workers.dev/mcptldraw MCP Server 工具
6Search the tldraw Editor API spec by writing JavaScript that receives a `spec` object and returns a result. The spec contains: spec.members (all Editor methods/properties with name, kind, signature, description, category), spec.categories (category names), spec.types.shapes (focused shape type definitions with props), spec.types.shapeTypes (list of all shape type strings), spec.helpers (exec helper functions with descriptions, params, examples). Examples: - Find shape methods: return spec.members.filter(m => m.category === "shapes").map(m => ({ name: m.name, signature: m.signature })) - Get arrow shape props: return spec.types.shapes.find(s => s.shapeType === "arrow") - List all categories: return spec.categories - Find a helper: return spec.helpers.find(h => h.name === "createArrowBetweenShapes")
Execute JavaScript code on a tldraw canvas. The code runs in the widget with access to the live `editor` instance, helper functions, and normal js. Use the `search` tool first to discover available Editor methods and shape types. Each canvas has a unique `canvasId`. Omit `canvasId` to create a new blank canvas. To edit an existing canvas, pass the `canvasId` that was returned by a previous exec call. Shapes and text grow depending on the amount of text they have. Use clever scripting to ensure there are no unintended overlaps. Examples: - Create a rectangle: editor.createShape({ _type: 'rectangle', shapeId: 'box1', x: 200, y: 120, w: 320, h: 180, text: 'Hello' }) - Connect shapes with an arrow: editor.createShape({ _type: 'arrow', shapeId: 'a1', fromId: 'box1', toId: 'box2', x1: 0, y1: 0, x2: 100, y2: 0 }) - Select and zoom: editor.select('box1'); editor.zoomToSelection() - Read shapes: return editor.getCurrentPageShapes() - Distribute evenly: editor.distributeShapes(editor.getSelectedShapeIds(), 'horizontal') - Box around shapes: boxShapes(['box1', 'box2'], { text: 'Group label', color: 'blue' }) - Stack shapes dynamically: editor.createShape({ _type: 'rectangle', shapeId: 'a', x: 0, y: 0, w: 300, h: 200, text: 'First box\nwith wrapping text' }); const bounds = editor.getShapePageBounds('a'); editor.createShape({ _type: 'rectangle', shapeId: 'b', x: 0, y: bounds.maxY + 20, w: 300, h: 200, text: 'Below first' })
App-only: widget calls this to resolve a pending exec request.
App-only: get the latest checkpoint for a canvas by its canvasId.
App-only: read shapes from a checkpoint by ID.
App-only: save shapes to a checkpoint (from user edits). shapesJson and assetsJson must be JSON array strings.
常见问题
怎么连接 tldraw 的 MCP 服务器?
把端点 https://tldraw-mcp-app.tldraw.workers.dev/mcp 添加到任意支持 MCP 的客户端,比如 Claude Code、Cursor 或 VS Code。本页的接入代码块可以一步配置好每个客户端。
tldraw 的 MCP 服务器需要认证吗?
此收录尚未确认 tldraw 的认证要求。连接前请查阅提供方文档。
tldraw 的 MCP 服务器用的是哪种传输方式?
tldraw 暴露的是 Streamable HTTP 端点,这是远程 MCP 服务器普遍使用、主流客户端都支持的传输方式。
更多远程 MCP 服务器
AI Video MCP by AITuber
AI Video MCP by AITuber is a hosted MCP server that lets AI agents create and publish video. You connect it once, then ask your agent for a video in plain language. It writes the script, picks a voice, generates the visu
%20-%20Sarah%20Xu.svg){kind=icon}
Adobe Marketing Agent
Marketing campaign and audience insights from Adobe
AdisInsight
Pharmaceutical drug & clinical trial intelligence
AdLoop Cloud
Hosted AdLoop: Google Ads, Reddit Ads, GA4 and Tag Manager in claude.ai, ChatGPT and more, with a preview before every change.
2pr.io
Write, schedule and publish LinkedIn posts in your own voice, reply to comments and read your analytics, all from your AI assistant. Remote MCP server with OAuth sign-in.
评论