Agentic Mermaid — MCP-сервер для Claude Code: установка и функции
Рендерит диаграммы Mermaid в форматах SVG, PNG или ASCII и даёт агентам типизированные операции для точной правки графов без переписывания исходника.
claude mcp add --transport http agentic-mermaid https://agentic-mermaid.dev/mcpЧто делает Agentic Mermaid
Сервер даёт ИИ-ассистентам инструменты для парсинга, проверки и точечной правки схем Mermaid. Вместо полной перезаписи файла модель применяет типизированные мутации — например, добавляет отдельный узел или меняет ребро. Отрисовка SVG выполняется синхронно без вызова Puppeteer и браузерного окружения.
Результат можно выгрузить в векторный SVG, растровый PNG, текстовый ASCII или Unicode для быстрой проверки прямо в консоли. Доступны готовые стили, включая hand-drawn, blueprint и watercolor. Для локального запуска пакета потребуется Node версии 22 или свежее, так как сборка распространяется только в виде ES-модулей.
Какие задачи решает
- Отрисовать схему Mermaid в SVG или PNG без запуска внешнего браузера
- Изменить узел графа через типизированные мутации без переписывания всего файла
- Сформировать текстовую схему в ASCII для быстрой проверки в терминале
- Оформить архитектурный график готовыми темами
blueprintилиhand-drawn
Примеры запросов агенту
- Сделай диаграмму последовательности для авторизации пользователей и сохрани её в SVG со стилем
blueprint. - Добавь узел с кэшированием Redis в схему
architecture.mmd, не меняя остальные связи. - Покажи граф микросервисов в виде обычного ASCII-текста прямо в окне терминала.
Как установить Agentic Mermaid
1Командой платформы: удалённый сервер
claude mcp add --transport http agentic-mermaid https://agentic-mermaid.dev/mcp2Командой платформы
claude mcp add agentic-mermaid -- npx -y agentic-mermaid1Командой платформы: удалённый сервер
codex mcp add agentic-mermaid --url https://agentic-mermaid.dev/mcp2Командой платформы
codex mcp add agentic-mermaid -- npx -y agentic-mermaidФайл настроек
{
"mcpServers": {
"agentic-mermaid": {
"url": "https://agentic-mermaid.dev/mcp"
}
}
}{
"mcpServers": {
"agentic-mermaid": {
"command": "npx",
"args": [
"-y",
"agentic-mermaid"
]
}
}
}Файл настроек
{
"servers": {
"agentic-mermaid": {
"type": "http",
"url": "https://agentic-mermaid.dev/mcp"
}
}
}{
"servers": {
"agentic-mermaid": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"agentic-mermaid"
]
}
}
}1Командой платформы: удалённый сервер
gemini mcp add -t http agentic-mermaid https://agentic-mermaid.dev/mcp2Командой платформы
gemini mcp add agentic-mermaid npx -y agentic-mermaidПо шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие
Вопросы о Agentic Mermaid
Как установить Agentic Mermaid в Claude Code?
Для подключения удалённого эндпоинта выполните claude mcp add --transport http agentic-mermaid https://agentic-mermaid.dev/mcp. Если вы предпочитаете запускать локальный процесс через stdio, используйте команду claude mcp add agentic-mermaid -- npx -y agentic-mermaid.
Зачем нужен Agentic Mermaid?
Он предоставляет агентам типизированный API для безопасной модификации схем Mermaid вместо ненадежной конкатенации строк. Рендеринг SVG и PNG при этом выполняется без браузерного стека.
Нужен ли Chromium или Puppeteer для работы сервера?
Нет, встроенный рендерер генерирует SVG синхронно без DOM. Браузерные зависимости для работы инструмента не требуются.
