hustcc-mcp-mermaid — MCP-сервер для Claude Code: диаграммы Mermaid
Даёт агенту инструмент для генерации диаграмм и графиков Mermaid: тема, фон, экспорт в SVG, PNG или файл.
claude mcp add --transport http hustcc-mcp-mermaid https://server.smithery.ai/@hustcc/mcp-mermaid/mcpЧто делает hustcc-mcp-mermaid
Сервер принимает от модели описание диаграммы и возвращает готовую картинку. Поддерживается весь синтаксис Mermaid, а также настройка backgroundColor и theme — модель может задавать стиль оформления. Результат отдаётся в base64, svg, mermaid, file или ссылкой через svg_url и png_url. При outputType: "file" PNG сохраняется на диск.
Есть проверка синтаксиса Mermaid, поэтому модель может исправлять ошибки за несколько проходов и доводить схему до валидного вида. Запускается как обычный MCP-сервер: через npx в конфиге клиента, глобальной установкой npm install -g mcp-mermaid или в Docker-образе susuperli/mcp-mermaid:latest. Транспорты — stdio, sse и streamable, порт по умолчанию 3033, эндпоинт /sse или /mcp.
Для HTTP-подключения через Smithery нужен только URL, локальный запуск требует Node.js и npx. Если рисуете схему с большим числом узлов, проверяйте, что модель не потеряла связи между блоками: валидатор ловит синтаксис, но не смысл.
Какие задачи решает
- нарисовать схему архитектуры сервиса по текстовому описанию
- собрать диаграмму последовательности для сценария запроса
- оформить график с заданным фоном и темой
- сохранить готовую диаграмму в PNG на диск
- получить ссылку на диаграмму для вставки в документацию
Примеры запросов агенту
- Построй диаграмму последовательности для авторизации по OAuth и сохрани её как PNG
- Сделай схему потока данных между сервисами в тёмной теме
- Отрисуй диаграмму Ганта для этапов релиза и верни ссылку на неё
Как установить hustcc-mcp-mermaid
Командой платформы: удалённый сервер
claude mcp add --transport http hustcc-mcp-mermaid https://server.smithery.ai/@hustcc/mcp-mermaid/mcpКомандой платформы: удалённый сервер
codex mcp add hustcc-mcp-mermaid --url https://server.smithery.ai/@hustcc/mcp-mermaid/mcpФайл настроек
{
"mcpServers": {
"hustcc-mcp-mermaid": {
"url": "https://server.smithery.ai/@hustcc/mcp-mermaid/mcp"
}
}
}Файл настроек
{
"servers": {
"hustcc-mcp-mermaid": {
"type": "http",
"url": "https://server.smithery.ai/@hustcc/mcp-mermaid/mcp"
}
}
}Командой платформы: удалённый сервер
gemini mcp add -t http hustcc-mcp-mermaid https://server.smithery.ai/@hustcc/mcp-mermaid/mcpПо шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие
Вопросы о hustcc-mcp-mermaid
Как установить hustcc-mcp-mermaid в Claude Code?
Одной командой: claude mcp add --transport http hustcc-mcp-mermaid https://server.smithery.ai/@hustcc/mcp-mermaid/mcp. Сервер подключится по HTTP, локально ничего ставить не нужно.
Что делает hustcc-mcp-mermaid?
Генерирует диаграммы и графики Mermaid по запросу модели. Отдаёт результат в виде SVG, PNG, base64 или файла на диске.
Какие форматы экспорта поддерживаются?
base64, svg, mermaid, file, а также ссылки svg_url и png_url через mermaid.ink. При outputType: "file" диаграмма сохраняется как PNG.
