metricui — MCP-сервер для Claude Code: что делает и как установить
MCP-сервер помогает ИИ работать с React-компонентами MetricUI: искать API, генерировать код и проверять props дашборда.
claude mcp add metricui -- npx -y @metricui/mcp-serverЧто делает metricui
metricui добавляет в AI-инструменты справку по API MetricUI, генерацию кода для React-дашбордов и проверку props. Он рассчитан на компоненты KPI-карточек, графиков, таблиц и раскладки, которые входят в библиотеку MetricUI.
Сервер запускается через пакет @metricui/mcp-server командой npx. Подключить его можно к Claude Code, Codex, Cursor, GitHub Copilot, Windsurf (Devin Desktop), Cline, Zed и Gemini CLI; готовые команды установки приведены для Claude Code, Codex, Cursor, GitHub Copilot и Gemini CLI. Если окружение не умеет запускать npx, этот способ подключения не сработает.
Какие задачи решает
- найти нужный API-компонент MetricUI
- сгенерировать React-код для дашборда
- проверить props у компонентов MetricUI
- подобрать структуру KPI-карточки, графика или таблицы
Примеры запросов агенту
- Найди в API MetricUI компонент для KPI-карточки с сравнением периодов и покажи пример на React.
- Сгенерируй React-дашборд MetricUI с KPI-карточками, графиком и таблицей.
- Проверь props в этом компоненте MetricUI и исправь ошибки совместимости.
Как установить metricui
Командой платформы
claude mcp add metricui -- npx -y @metricui/mcp-serverКомандой платформы
codex mcp add mcp-server -- npx -y @metricui/mcp-serverФайл настроек
{
"mcpServers": {
"mcp-server": {
"command": "npx",
"args": [
"-y",
"@metricui/mcp-server"
]
}
}
}Файл настроек
{
"servers": {
"mcp-server": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@metricui/mcp-server"
]
}
}
}Командой платформы
gemini mcp add mcp-server npx -y @metricui/mcp-serverПо шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие
Вопросы о metricui
Как установить metricui в Claude Code?
Выполните claude mcp add metricui -- npx -y @metricui/mcp-server.
Что делает metricui?
MCP-сервер даёт ИИ доступ к поиску API MetricUI, генерации React-кода и проверке props компонентов дашборда.
С какими платформами работает metricui?
Сервер можно подключить к Claude Code, Codex, Cursor, GitHub Copilot, Windsurf (Devin Desktop), Cline, Zed и Gemini CLI.