microcharts — MCP-сервер для Claude Code: что делает и как установить
Компактный генератор микрографиков в виде готового SVG с описанием доступности. Помогает модели подобрать тип диаграммы под задачу и сразу отрисовать её без React на клиенте.
claude mcp add microcharts -- npx -y @microcharts/mcpЧто делает microcharts
Инструмент даёт языковой модели три вызова: find_microchart для поиска подходящего типа по вопросу, get_microchart для получения схемы пропсов и примеров кода, а также render_microchart для сборки векторной графики. Вместо промежуточных форматов разметки клиент сразу получает чистый SVG с автоматически рассчитанным текстовым описанием ряда.
Сервер работает локально через stdio с помощью npx -y @microcharts/mcp и несёт внутри готовую библиотеку @microcharts/react. Никаких внешних ключей или аккаунтов не требуется, поэтому приватные цифры наружу не уходят.
При неверной структуре данных инструмент сразу сообщает точные требования к схеме вместо скрытого сбоя. Слишком большие наборы точек передавать бессмысленно: формат рассчитан на миниатюрные инлайновые индикаторы размером со слово.
Какие задачи решает
- подобрать тип компактного графика под вопрос или структуру чисел
- сгенерировать автономный SVG со спарклайном или шкалой без запуска React
- получить готовый текстовый alt-текст с трендом и диапазоном для доступности
- найти примеры и сигнатуры пропсов для вставки компонентов в код
Примеры запросов агенту
- Покажи тренд выручки за прошлую неделю в виде компактного спарклайна.
- Подбери тип микрографика под массив пар label и value.
- Сделай инлайновый bullet-график для плана продаж со значением 72 и целью 80.
Как установить microcharts
Командой платформы
claude mcp add microcharts -- npx -y @microcharts/mcpКомандой платформы
codex mcp add mcp -- npx -y @microcharts/mcpФайл настроек
{
"mcpServers": {
"mcp": {
"command": "npx",
"args": [
"-y",
"@microcharts/mcp"
]
}
}
}Файл настроек
{
"servers": {
"mcp": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@microcharts/mcp"
]
}
}
}Командой платформы
gemini mcp add mcp npx -y @microcharts/mcpПо шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие
Вопросы о microcharts
Как установить microcharts в Claude Code?
Выполните команду claude mcp add microcharts -- npx -y @microcharts/mcp. Клиент запустит локальный процесс через stdio без предварительной настройки.
Что делает MCP-сервер microcharts?
Сервер помогает нейросети искать миниатюрные типы графиков, проверять их параметры и рендерить готовые SVG-изображения с готовым описанием для экранных дикторов.
Нужен ли запущенный React для отображения графиков?
Нет, инструмент render_microchart отдаёт полностью автономную SVG-разметку со встроенными стилями. Её можно вставлять в любой интерфейс или чат без библиотек рендеринга на фронтенде.
