Command Palette

Search for a command to run...

UnylyUnyly
Browse all

Tldraw Offline

FreeNot checked

Enables remote agents to control tldraw Desktop's Canvas API, manage documents, scripts, assets, and take screenshots.

GitHubEmbed

About

Enables remote agents to control tldraw Desktop's Canvas API, manage documents, scripts, assets, and take screenshots.

README

A Bun + Hono MCP server that gives a remote agent complete control of tldraw Desktop's local Canvas API, durable document-script workspaces, assets, and screenshots.

The server runs on the Mac beside tldraw. Remote clients receive virtual workspace paths and inline MCP images—never unusable Mac paths or the app's bearer token.

TODO

  • should be managed by neo
  • efficiency around mcp docs reading requests

Requirements

  • macOS with tldraw Desktop and its Canvas API
  • Bun
  • an MCP client supporting Streamable HTTP
  • Tailscale for the recommended remote transport

Install

cd /Users/c1re/Developer/infra/mbp/tldraw-offline-mcp
bun install
bun run check

Start

Export a stable bearer token, then run the start script:

export TLDRAW_MCP_TOKEN="$(bun run --silent token)"
bun run start

The script starts the MCP server on 127.0.0.1:7237 and runs Tailscale Serve in HTTP-only mode on port 80. It prints the remote MCP URL and keeps both processes in the foreground until you press Ctrl-C.

Local endpoints:

  • http://127.0.0.1:7237/mcp
  • http://127.0.0.1:7237/healthz
  • authenticated http://127.0.0.1:7237/readyz

Test the local endpoint with the official MCP client:

TLDRAW_MCP_URL=http://127.0.0.1:7237/mcp \
TLDRAW_MCP_TOKEN="$TLDRAW_MCP_TOKEN" \
  bun scripts/smoke.ts

Configure a remote MCP client

Copy the printed HTTP endpoint and bearer token to the trusted Linux host. A generic Streamable HTTP configuration looks like:

{
  "mcpServers": {
    "tldraw-offline": {
      "url": "http://DEVICE.TAILNET.ts.net/mcp",
      "headers": {
        "Authorization": "Bearer YOUR_MCP_TOKEN"
      }
    }
  }
}

The exact configuration location depends on the MCP host. Keep the endpoint restricted with Tailscale ACLs as well as the bearer token.

Install skill/tldraw-offline/SKILL.md on the Linux agent host. If this repository is present there:

./scripts/install-skill.sh

Tool surface

Discovery and reference

  • tldraw_health
  • tldraw_docs_list
  • tldraw_doc_inspect — uses the focused document when documentId is omitted; optionally includes bindings
  • tldraw_reference_search
  • tldraw_imports_search
  • tldraw_helpers_list
  • tldraw_recipes_list
  • tldraw_recipe_get
  • tldraw_readme

Canvas control

  • tldraw_search — complete Canvas API escape hatch
  • tldraw_exec — complete live Editor escape hatch
  • tldraw_lint
  • tldraw_screenshot — inline JPEG MCP content

Durable scripts and assets

  • tldraw_workspace_open
  • tldraw_workspace_list
  • tldraw_workspace_read
  • tldraw_workspace_apply
  • tldraw_script_status
  • tldraw_script_error_log

The workspace API exposes only virtual script/** and assets/** paths for writes. Existing files use SHA-256 preconditions, exact edits require one unique match, complete buffers are written in watcher-compatible order, and entrypoints are committed last.

Configuration

Copy .env.example to .env, set TLDRAW_MCP_TOKEN, and update any values you want to override.

Development

bun run dev
bun run typecheck
bun test
bun run check

operator-guide/guide.md is served as tldraw://guide. The MCP-native agent skill is under skill/tldraw-offline/.

Cool Examples

from github.com/er1chi/tldraw-mcp

Installing Tldraw Offline

This server has no published package — it is built from source. Open the repository and follow its README.

▸ github.com/er1chi/tldraw-mcp

FAQ

Is Tldraw Offline MCP free?

Yes, Tldraw Offline MCP is free — one-click install via Unyly at no cost.

Does Tldraw Offline need an API key?

No, Tldraw Offline runs without API keys or environment variables.

Is Tldraw Offline hosted or self-hosted?

Self-hosted: the server runs locally on your machine via the install command above.

How do I install Tldraw Offline in Claude Desktop, Claude Code or Cursor?

Open Tldraw Offline on unyly.org, pick your client tab (Claude Desktop, Claude Code, Cursor) and press Install — the config is generated automatically, no JSON editing.

Related MCPs

LibreOffice Tools

Enables AI agents to read, write, and edit Office documents via LibreOffice with token-efficient design. Supports multiple formats including DOCX, XLSX, PPTX, a

passerbyflutterby passerbyflutter

dannote/figma-use

Full Figma control: create shapes, text, components, set styles, auto-layout, variables, export. 80+ tools.

dannoteby dannote

Logo.dev

Search and retrieve company logos by brand or domain. Customize size, format, and theme to match your design needs. Accelerate design, prototyping, and content

NOVA-3951by NOVA-3951

Design Inspiration Server

Searches top design platforms like Dribbble and Behance to provide UI inspiration, color palettes, and layout patterns via the Serper API. It allows users to re

YonasValentinby YonasValentin

PIX4Dmatic

Enables GUI automation for controlling PIX4Dmatic on Windows through MCP. Supports launching, focusing, capturing screenshots, sending hotkeys, clicking UI elem

jangjo123by jangjo123

Figma

Extract design specs and assets

Figmaby Figma

mcp-dockmaster

An Open-Sourced UI to install and manage MCP servers for Windows, Linux and macOS.

by Community

ariekogan/ateam-mcp

Build, validate, and deploy multi-agent AI solutions on the ADAS platform. Design skills with tools, manage solution lifecycle, and connect from any AI environm

ariekoganby ariekogan

thinkchainai/mcpbundles

MCP Bundles: Create custom bundles of tools and connect providers with OAuth or API keys. Use one MCP server across thousands of integrations, with programmatic

thinkchainaiby thinkchainai

arikusi/nakkas

MCP server that turns AI into an SVG artist. One rendering engine with JSON config, AI controls all design parameters. CSS @keyframes + SMIL animations, 16+ ele

arikusiby arikusi

Compare Tldraw Offline with

Not sure what to pick?

Find your stack in 60 seconds

Author?

Embed badge for your README

Browse similar

All design MCPs