codex-tldraw-mcp — MCP-сервер для Codex: диаграммы и установка
Сервер создаёт редактируемые диаграммы проекта в .tldr и SVG-превью, а также отслеживает изменения в графе импортов JavaScript и TypeScript. Пригодится для документации архитектуры и рабочих процессов.
claude mcp add --env TLDRAW_MCP_ALLOWED_ROOTS=<TLDRAW_MCP_ALLOWED_ROOTS> --transport stdio codex-tldraw-mcp -- npx -y codex-tldraw-mcpЧто делает codex-tldraw-mcp
codex-tldraw-mcp работает как MCP-сервер через stdio. Он сканирует репозиторий и добавляет диаграмму продуктового процесса или архитектуры в файл .tldr; отдельно можно попросить нарисовать схему состояния, план или произвольный процесс. Рядом сохраняется SVG-превью, а существующие доски дополняются новыми схемами.
Для JavaScript и TypeScript сервер строит граф модулей и импортов. Инструмент сравнения показывает изменения и устаревшие элементы; результаты доступны через инструменты для просмотра списка досок и их краткого описания. Для вызовов инструментов плагина укажите абсолютный путь репозитория: относительные пути отклоняются, чтобы не записывать схемы в кэш плагина.
Файлы по умолчанию создаются в boards/ внутри репозитория. Плагину нужны Node.js версии 20.11 или новее и npm в PATH; при первом запуске через резервный вариант npx нужен доступ к реестру пакетов. MCP-хосты без поддержки приложений всё ещё могут использовать текстовые результаты и SVG-превью.
Какие задачи решает
- построить диаграмму рабочего процесса репозитория
- показать архитектуру проекта и связи компонентов
- создать граф импортов модулей JavaScript и TypeScript
- найти устаревшие узлы и связи в сохранённом графе
- добавить SVG-превью к редактируемой доске проекта
Примеры запросов агенту
- Построй диаграмму рабочего процесса этого репозитория с помощью
codex-tldraw-mcp. - Нарисуй схему состояний сброса пароля и сохрани её в доску проекта.
- Сравни граф импортов с текущим кодом и отметь устаревшие элементы.
Как установить codex-tldraw-mcp
Командой платформы
claude mcp add --env TLDRAW_MCP_ALLOWED_ROOTS=<TLDRAW_MCP_ALLOWED_ROOTS> --transport stdio codex-tldraw-mcp -- npx -y codex-tldraw-mcpВместо <…> подставьте свои значения
Командой платформы
codex mcp add codex-tldraw-mcp --env TLDRAW_MCP_ALLOWED_ROOTS=<TLDRAW_MCP_ALLOWED_ROOTS> -- npx -y codex-tldraw-mcpВместо <…> подставьте свои значения
Файл настроек
{
"mcpServers": {
"codex-tldraw-mcp": {
"command": "npx",
"args": [
"-y",
"codex-tldraw-mcp"
],
"env": {
"TLDRAW_MCP_ALLOWED_ROOTS": "<TLDRAW_MCP_ALLOWED_ROOTS>"
}
}
}
}Вместо <…> подставьте свои значения
Файл настроек
{
"servers": {
"codex-tldraw-mcp": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"codex-tldraw-mcp"
],
"env": {
"TLDRAW_MCP_ALLOWED_ROOTS": "<TLDRAW_MCP_ALLOWED_ROOTS>"
}
}
}
}Вместо <…> подставьте свои значения
Командой платформы
gemini mcp add -e TLDRAW_MCP_ALLOWED_ROOTS=<TLDRAW_MCP_ALLOWED_ROOTS> codex-tldraw-mcp npx -y codex-tldraw-mcpВместо <…> подставьте свои значения
По шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие
Вопросы о codex-tldraw-mcp
Как установить codex-tldraw-mcp в Codex?
Добавьте сервер командой codex mcp add codex-tldraw-mcp --env TLDRAW_MCP_ALLOWED_ROOTS=<TLDRAW_MCP_ALLOWED_ROOTS> -- npx -y codex-tldraw-mcp. Для вызовов инструментов плагина передавайте абсолютный путь репозитория.
Что делает codex-tldraw-mcp?
Создаёт редактируемые диаграммы проекта в .tldr и SVG-превью, а для JavaScript и TypeScript строит граф импортов с проверкой изменений.
Какие требования у плагина codex-tldraw-mcp?
Нужны Node.js версии 20.11 или новее и npm в PATH. При первом запуске резервного варианта через npx требуется доступ к реестру пакетов.
