matchcn — MCP-сервер для Claude Code: что делает и как установить
Находит готовые UI-компоненты для shadcn по описанию их функций и внешнего вида, а не по названиям из реестров.
claude mcp add matchcn -- npx -y matchcnЧто делает 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Командой платформы
codex mcp add matchcn -- npx -y matchcnФайл настроек
{
"mcpServers": {
"matchcn": {
"command": "npx",
"args": [
"-y",
"matchcn"
]
}
}
}Файл настроек
{
"servers": {
"matchcn": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"matchcn"
]
}
}
}Командой платформы
gemini 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 мс, а агент сам выбирает вариант из списка.