Smart Drawio — MCP-сервер для Claude Code: что делает и как установить
Локальный сервер для проверки разметки, обновления стилей и генерации схем draw.io в формате XML прямо через чат с ассистентом.
claude mcp add --env SMART_DRAWIO_PROVIDER=<SMART_DRAWIO_PROVIDER> --env SMART_DRAWIO_BASE_URL=<SMART_DRAWIO_BASE_URL> --env SMART_DRAWIO_API_KEY=<SMART_DRAWIO_API_KEY> --env SMART_DRAWIO_MODEL=<SMART_DRAWIO_MODEL> --transport stdio mcp -- npx -y @yunshenwuchuxun/smart-drawio-mcpЧто делает Smart Drawio
Сервер работает через stdio и обрабатывает несжатый XML для draw.io. Он находит ошибки в разметке и восстанавливает закрывающие теги без запуска браузера или редактора draw.io. Результат возвращается в виде текста в память клиента, а сохранять ли её в файл, решает сам агент.
Проверка синтаксиса и стилизация выполняются локально без ключей доступа. А вот генерация диаграмм через generate_drawio обращается к внешней модели. Для неё нужно настроить переменные окружения с провайдером (openai или anthropic), адресом эндпоинта и ключом. Сжатые файлы .drawio и старый формат JSON сервер не прочитает, пока их не распакуют в обычный XML.
Какие задачи решает
- найти ошибки в связях и структуре тегов XML-схемы draw.io
- восстановить незакрытые теги в повреждённой диаграмме
- применить готовые стили и цветовые темы к элементам схемы
- сгенерировать разметку диаграммы по текстовому описанию
Примеры запросов агенту
- Проверь файл
arch.drawioчерез валидацию и найди некорректные связи между блоками. - Почини незакрытые теги в этой XML-схеме и примени стиль researchClean.
- Сделай блок-схему процесса авторизации для draw.io и верни готовый XML.
Как установить Smart Drawio
Командой платформы
claude mcp add --env SMART_DRAWIO_PROVIDER=<SMART_DRAWIO_PROVIDER> --env SMART_DRAWIO_BASE_URL=<SMART_DRAWIO_BASE_URL> --env SMART_DRAWIO_API_KEY=<SMART_DRAWIO_API_KEY> --env SMART_DRAWIO_MODEL=<SMART_DRAWIO_MODEL> --transport stdio mcp -- npx -y @yunshenwuchuxun/smart-drawio-mcpВместо <…> подставьте свои значения
Командой платформы
codex mcp add mcp --env SMART_DRAWIO_PROVIDER=<SMART_DRAWIO_PROVIDER> --env SMART_DRAWIO_BASE_URL=<SMART_DRAWIO_BASE_URL> --env SMART_DRAWIO_API_KEY=<SMART_DRAWIO_API_KEY> --env SMART_DRAWIO_MODEL=<SMART_DRAWIO_MODEL> -- npx -y @yunshenwuchuxun/smart-drawio-mcpВместо <…> подставьте свои значения
Файл настроек
{
"mcpServers": {
"mcp": {
"command": "npx",
"args": [
"-y",
"@yunshenwuchuxun/smart-drawio-mcp"
],
"env": {
"SMART_DRAWIO_PROVIDER": "<SMART_DRAWIO_PROVIDER>",
"SMART_DRAWIO_BASE_URL": "<SMART_DRAWIO_BASE_URL>",
"SMART_DRAWIO_API_KEY": "<SMART_DRAWIO_API_KEY>",
"SMART_DRAWIO_MODEL": "<SMART_DRAWIO_MODEL>"
}
}
}
}Вместо <…> подставьте свои значения
Файл настроек
{
"servers": {
"mcp": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@yunshenwuchuxun/smart-drawio-mcp"
],
"env": {
"SMART_DRAWIO_PROVIDER": "<SMART_DRAWIO_PROVIDER>",
"SMART_DRAWIO_BASE_URL": "<SMART_DRAWIO_BASE_URL>",
"SMART_DRAWIO_API_KEY": "<SMART_DRAWIO_API_KEY>",
"SMART_DRAWIO_MODEL": "<SMART_DRAWIO_MODEL>"
}
}
}
}Вместо <…> подставьте свои значения
Командой платформы
gemini mcp add -e SMART_DRAWIO_PROVIDER=<SMART_DRAWIO_PROVIDER> -e SMART_DRAWIO_BASE_URL=<SMART_DRAWIO_BASE_URL> -e SMART_DRAWIO_API_KEY=<SMART_DRAWIO_API_KEY> -e SMART_DRAWIO_MODEL=<SMART_DRAWIO_MODEL> mcp npx -y @yunshenwuchuxun/smart-drawio-mcpВместо <…> подставьте свои значения
По шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие
Вопросы о Smart Drawio
Как установить Smart Drawio в Claude Code?
Выполните команду `claude mcp add --env SMART_DRAWIO_PROVIDER=<SMART_DRAWIO_PROVIDER> --env SMART_DRAWIO_BASE_URL=<SMART_DRAWIO_BASE_URL> --env SMART_DRAWIO_API_KEY=<SMART_DRAWIO_API_KEY> --env SMART_DRAWIO_MODEL=<SMART_DRAWIO_MODEL> --transport stdio mcp -- npx -y @yunshenwuchuxun/smart-drawio-mcp`. Для запуска процесса в системе должен быть установлен Node.js 20.9 или новее.
Нужен ли API-ключ для работы сервера?
Инструменты валидации, починки тегов и смены оформления работают локально без ключей. Переменные окружения провайдера требуются только инструменту generate_drawio.
Умеет ли сервер экспортировать схемы в PNG или PDF?
Нет, сервер оперирует только текстовым кодом XML в памяти. Он не делает снимки экрана, не экспортирует растровую графику и не подключается к холсту браузера.
