Ant Design Components MCP

antd-components-mcp

MCP-сервер отдает агенту документацию, API, примеры кода и журнал изменений компонентов Ant Design, чтобы он не выдумывал свойства

  • 246 ★ репозитория
  • Последний коммит
  • MIT
MCP-сервер

Минимальный доступ

Почему такой уровень

  • Читает только документацию, упакованную в сам пакет, и не пишет в проект
  • Запускается через `npx` и загружает пакет из npm при каждом обновлении версии
Все причины и проверки

zhixiaoqiang/antd-components-mcp

Установка

В терминале, через SkillFoxx CLI

npx skillfoxx add mcp/antd-components-mcp

Определит агенты на машине, покажет уровень доступа и зафиксирует версию.

Другие способы установки

Доступ и проверки

Как мы проверяем

Минимальный доступИнструмент ничего не запускает и не ходит в сеть.

  • Читает только документацию, упакованную в сам пакет, и не пишет в проект
  • Запускается через `npx` и загружает пакет из npm при каждом обновлении версии

Это чужой код. Посмотрите файлы в репозитории перед установкой.

Что делает

Сервер запускается через `npx` из пакета `@jzone-mcp/antd-components-mcp` и подключается к MCP-клиенту по stdio. Данные Ant Design уже собраны и лежат внутри пакета: сейчас это сборка для версии 6.6.8 от 26 октября 2026 года. Агент получает четыре инструмента: `list-components` выдает список компонентов с описанием, версиями и подсказкой, когда компонент применять, `get-component-docs` возвращает отфильтрованную документацию и описание свойств, `list-component-examples` дает примеры кода, `get-component-changelog` показывает историю изменений компонента. Вместе с инструментами сервер отдает промпты `system-description` и `system-pages-generate`. Они предписывают агенту не вызывать инструменты повторно и вести работу над страницей по уже полученному контексту. Для клиентов без поддержки промптов текст промпта копируют вручную. Кэширование снижает нагрузку на диск. Мажорная версия пакета на единицу выше мажорной версии Ant Design: пакет 1.0.x работает с `antd` 5, пакет 2.0.x с `antd` 6. Если нужна другая версия библиотеки, документацию извлекают сами командой `npx @jzone-mcp/antd-components-mcp extract` из клона репозитория ant-design, а журнал изменений собирают скриптом `pnpm lint:changelog`.

Для кого. Фронтенд-разработчикам на React и Ant Design, у которых агент пишет страницы с несуществующими свойствами или устаревшими API компонентов.

Подходит, если

  • Агент пишет форму или таблицу на `antd` и подставляет свойства, которых у компонента нет
  • Проект перешел на `antd` 6, а модель помнит API пятой версии
  • Перед обновлением компонента надо узнать, что менялось в его журнале изменений
  • Страницу генерируют по макету, и контекст не должен раздуваться от повторных вызовов документации
  • Нужен офлайн-справочник: данные идут в самом пакете, отдельные запросы к сайту не нужны

Не подходит, если

  • Проект на другой библиотеке интерфейсов: инструмент знает только Ant Design
  • Нужна версия Ant Design 4 или 7: готовая сборка покрывает 5 и 6, остальное надо извлекать из репозитория самому
  • Клиент это плагины GitHub Copilot или Cline: автор отмечает, что с ними сервер пока не работает
  • Нужны компоненты Ant Design X или Pro: в плане развития они только рассматриваются

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

Собери страницу с таблицей заказов на `antd` 6: сначала через MCP посмотри документацию Table и примеры сортировки, потом пиши код

MCP

Транспорт
stdio
Авторизация
не нужна

Ограничения

  • Проверен только с клиентом Claude, сведений о других клиентах в документации нет.
  • Данные относятся к одной версии Ant Design на момент сборки пакета. Если нужны свежие или другие версии, документацию извлекают из клона репозитория ant-design командой `extract`.
  • Версию пакета надо подбирать под мажорную версию `antd`: 1.0.x для `antd` 5 и 2.0.x для `antd` 6.
  • Поддержка Ant Design 4 и других библиотек в дорожной карте помечена как возможная, а не готовая.

Как отключить. Удалите запись Ant Design Components из mcpServers в `claude_desktop_config.json` и перезапустите клиент. Пакет запускается через `npx`, поэтому отдельного удаления не требуется.

Частые вопросы

Как подключить antd-components-mcp к Claude?

Добавьте в `claude_desktop_config.json` сервер с command `npx` и args ["`@jzone-mcp/antd-components-mcp`"], затем перезапустите клиент. Файл лежит в ~/Library/Application Support/Claude на macOS и в %AppData%\Claude на Windows.

Какую версию пакета брать для `antd` 6?

Пакет версии 2.0.x. Мажорная версия пакета на единицу выше версии Ant Design: для `antd` 5 подходит 1.0.x, для `antd` 7 планируется 3.0.x.

Какие данные отдает сервер?

Список компонентов с версиями, документацию со свойствами, примеры кода и журнал изменений каждого компонента. Данные предварительно извлечены и идут внутри пакета.

Как получить документацию другой версии Ant Design?

Склонируйте репозиторий ant-design и запустите `npx @jzone-mcp/antd-components-mcp extract` с путем к нему. Команда соберет каталог данных для сервера.

Работает ли сервер с Cursor или Cline?

Документация подтверждает работу только с клиентом Claude. Для Cursor данных нет, поэтому подключение стоит проверить отдельно, а в плагинах GitHub Copilot и Cline сервер пока не работает.

Обсуждение

Вопросов и отзывов пока нет.

MCP-серверы

Офлайн-справочник по Ant Design для агента: свойства, токены, демо и журнал изменений antd версий 3–6 командами.

CLIРасширенный доступ261Звезды репозитория
Официальный

MCP-сервер и плагин 21st.dev: поиск готовых React/Tailwind компонентов, логотипов и генерация интерфейса прямо из агента

MCP-серверРасширенный доступ6,4 тыс.Звезды репозитория

Shadcn UI MCP Server

Shadcn UI v4 MCP Server

MCP-сервер, который отдает агенту исходники, демо и блоки компонентов shadcn/ui для React, Svelte, Vue и React Native

MCP-серверРасширенный доступ3,1 тыс.Звезды репозитория
Официальный

Подключает агента к запущенному dev-серверу Next.js 16+: ошибки, маршруты, логи и путь к документации нужной версии

MCP-серверРасширенный доступ835Звезды репозитория

Storybook MCP

storybook-mcp

Сервер MCP документации и компонентов Storybook для агента. Запуск через npx, Chromium ставится при первом запуске в фоне

MCP-серверМинимальный доступ46Звезды репозитория
Официальный

Агент получает спецификацию MDMA, промпты и проверку, чтобы отвечать формами, таблицами и согласованиями прямо в Markdown

MCP-серверРасширенный доступ73Звезды репозитория

Сравнение с похожими

Карточки с тем же главным запросом: чем они отличаются.

ИнструментОфициальныйАвторизацияЗвезды репозиторияГлавное отличие
Ant Design Components MCP (эта карточка)нетне нужна246
Ant Design CLIнет261офлайн-справочник командами в терминале для версий antd 3–6, а здесь данные идут агенту через MCP
antd-skillнет137официальные скиллы Ant Design с инструкциями, без сервера и инструментов запроса компонентов

Коротко о README

Страница репозитория представляет сервер как источник документации Ant Design для языковых моделей и перечисляет возможности: готовые данные, список компонентов, документация, свойства, примеры и журнал изменений. Затем объясняет соответствие версий пакета и `antd`, дорожную карту, самостоятельное извлечение данных и подключение через Claude Desktop. В конце приведены тексты двух промптов сервера.

Бейдж для README

Сообщить о проблеме

Foxx AIAnt Design Components MCP
Foxx AI

Я Foxx AI и уже разобрал этот инструмент. Спросите про установку, настройку или что угодно еще, отвечу простыми словами.