# tldraw

Даёт агенту интерактивный холст tldraw: он может рисовать, менять объекты и сохранять состояние между обращениями.

- MCP-сервер · `type=mcp` · Claude Code, Codex, Cursor, GitHub Copilot, Windsurf (Devin Desktop), Cline, Zed · ★ 51091
- Автор: tldraw
- Лицензия: не указана · policy=link-only · показываем только описание, файл — у автора
- Исходник: https://github.com/tldraw/tldraw/tree/HEAD/apps/mcp-app
- Обновлён: 2026-10-24
- HTML: https://affpapa.org/nevibecode/mcp/tldraw

## Что делает

Сервер подключает интерактивный холст tldraw к MCP-клиенту. Агент ищет сведения в спецификации Editor API через `search`, а через `exec` выполняет JavaScript в живом редакторе. Виджет на React запускается внутри iframe MCP-хоста и переводит упрощённые формы объектов в типы tldraw.

Состояние холста сохраняется в SQLite внутри Durable Object и в локальном хранилище браузера. Сервер также предоставляет инструменты для записи и чтения контрольных точек. Для локальной разработки ChatGPT нужен `cloudflared`, вход в Cloudflare и HTTPS-туннель, поэтому обычного локального HTTP-порта недостаточно.

## Требования
- Удалённый сервер: `https://tldraw-mcp-app.tldraw.workers.dev/mcp`

## Установка

### Claude Code (родная платформа)

**Командой платформы: удалённый сервер**
```bash
claude mcp add --transport http tldraw https://tldraw-mcp-app.tldraw.workers.dev/mcp
```

### Codex

**Командой платформы: удалённый сервер**
```bash
codex mcp add mcp-app --url https://tldraw-mcp-app.tldraw.workers.dev/mcp
```

### Cursor

**Файл настроек**
Файл `.cursor/mcp.json`:
```json
{
    "mcpServers": {
        "mcp-app": {
            "url": "https://tldraw-mcp-app.tldraw.workers.dev/mcp"
        }
    }
}
```

### GitHub Copilot

**Файл настроек**
Файл `.vscode/mcp.json`:
```json
{
    "servers": {
        "mcp-app": {
            "type": "http",
            "url": "https://tldraw-mcp-app.tldraw.workers.dev/mcp"
        }
    }
}
```

### Gemini CLI

**Командой платформы: удалённый сервер**
```bash
gemini mcp add -t http mcp-app https://tldraw-mcp-app.tldraw.workers.dev/mcp
```

## Когда брать
- рисовать на холсте по описанию
- изменять объекты в открытом редакторе
- искать методы в Editor API
- сохранять контрольные точки холста
- подключать tldraw к MCP-клиенту

## Примеры запросов агенту
- Нарисуй на холсте схему потока авторизации и подпиши каждый шаг.
- Открой текущий холст и измени цвет всех фигур, связанных с API.
- Найди в Editor API метод для работы с выбранными объектами и выполни его на холсте.

## Похожие
- [GitHub](https://affpapa.org/nevibecode/mcp/github.md) — MCP-сервер · ★ 33918
- [Netdata](https://affpapa.org/nevibecode/mcp/netdata.md) — MCP-сервер · ★ 81115
- [browser-use](https://affpapa.org/nevibecode/mcp/browser-use.md) — MCP-сервер · ★ 119160
- [Codebase Memory](https://affpapa.org/nevibecode/mcp/codebase-memory.md) — MCP-сервер · ★ 47392
- [mcp-server](https://affpapa.org/nevibecode/mcp/mcp-server.md) — MCP-сервер · ★ 43872
- [AIHawk](https://affpapa.org/nevibecode/mcp/aihawk.md) — MCP-сервер · ★ 32221

Из того же набора: [tldraw/tldraw](https://affpapa.org/nevibecode/by/tldraw/tldraw.md) — 10 карточек

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md