К основному содержанию
MCP-сервер CX Codex

metricui — MCP-сервер для Claude Code: что делает и как установить

MCP-сервер помогает ИИ работать с React-компонентами MetricUI: искать API, генерировать код и проверять props дашборда.

Установить в Claude Code · Командой платформы Все способы и платформы ↓
claude mcp add metricui -- npx -y @metricui/mcp-server
Открыть на GitHub

Что делает 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

По шагам, с командами для каждой платформы: Как подключить 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.

Похожие MCP-серверы

Все MCP-серверы по теме «Фронтенд и UI» →
Front-End Checklist thedaviddias Сервер помогает агенту проверять фронтенд-код и публичные страницы по правилам качества. Подключите его для ревью компонентов или аудита доступности, SEO и производительности. CX Codex +1 ★ 74 569звёзд репо tldraw tldraw Даёт агенту интерактивный холст tldraw: он может рисовать, менять объекты и сохранять состояние между обращениями. CX Codex +1 ★ 51 104звёзд репо Figma-Context-MCP GLips MCP-сервер передаёт агенту разметку и стили из макетов Figma. Помогает собирать интерфейс по ссылке на фрейм без ручной нарезки скриншотов. CX Codex +1 ★ 16 073звёзд репо mcp-server-chart antvis MCP-сервер для визуализации данных и построения диаграмм на базе библиотеки AntV прямо в чате с моделью. CX Codex +1 ★ 4 406звёзд репо Dembrandt dembrandt Снимает с любой страницы цвета, шрифты, отступы и компоненты и отдаёт их агенту как дизайн-токены. Пригодится, когда нужно перенести чужой стиль в свой проект. CX Codex +1 ★ 3 851звёзд репо RevoGrid DataGrid MCP Pro revolist Хостинговый MCP-сервер, который подключает агента к документации RevoGrid DataGrid: примеры, проверка возможностей и подсказки по миграции. CX Codex +1 ★ 3 451звёзд репо

Спонсоры проекта

Компании, которые помогают держать аналитику открытой