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

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

Находит готовые UI-компоненты для shadcn по описанию их функций и внешнего вида, а не по названиям из реестров.

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

Что делает matchcn

Утилита npx shadcn add умеет подтягивать код из десятков сторонних реестров с registry.json, но текстовый поиск по именам быстро заходит в тупик. matchcn индексирует компоненты по семи фиксированным свойствам: категории, предметной области, модели взаимодействия, плотности верстки, анимациям, декоративности и потребности во внешних данных.

Агент получает инструмент pick_component, принимающий текстовое описание задачи на обычном языке. Сервер сопоставляет запрос с тегами детерминированным алгоритмом и выдаёт готовую команду на установку вместе с детальным отчётом по совпавшим свойствам. Если подходящего блока нет, matchcn вернёт статус отсутствия совпадений вместо случайного компонента.

При передаче флага resolve: "caller" и явных подсказок hints сервер переходит в локальный режим без внешних запросов к классификатору, завершая выборку примерно за 80 миллисекунд.

Какие задачи решает

  • найти компонент в реестрах shadcn по описанию интерфейса
  • получить точную команду npx shadcn add для вёрстки блока
  • подобрать сетку или форму авторизации без знания названия библиотеки
  • проверить соответствие найденного элемента требованиям к анимации и данным

Примеры запросов агенту

  • Найди через matchcn плотную bento-сетку для главной страницы и покажи команду установки.
  • Подбери готовый компонент формы входа с полями почты и пароля из реестров shadcn.
  • Используй инструмент pick_component, чтобы найти карточку тарифов на три плана.

Как установить matchcn

Командой платформы

claude mcp add matchcn -- npx -y matchcn

По шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие

Вопросы о matchcn

Как установить matchcn в Claude Code?

Выполните в терминале команду claude mcp add matchcn -- npx -y matchcn. После этого инструмент pick_component станет доступен в сессии агента.

Что делает MCP-сервер matchcn?

Он ищет компоненты среди множества реестров формата shadcn по текстовому описанию их поведения и внешнего вида. Сервер возвращает ссылку на манифест, уровень уверенности и строку для установки через CLI.

Как работает локальный режим без вызова внешних моделей?

Если агент передаёт параметры в объекте hints и выставляет resolve: "caller", ранжирование выполняется на месте. Поиск по каталогу занимает около 80 мс, а агент сам выбирает вариант из списка.

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

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

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

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