По имени компонента сервер присылает его свойства с типами и значениями по умолчанию. Версию он определяет по проекту, а справку берёт из снимков, которые лежат внутри пакета. Промпт может попросить агента сверять с ними каждое свойство в коде.
Сервер отдаёт код готовых примеров Ant Design: у таблицы на прогоне их было 42, от простой до таблицы с правкой строк.
Для оформления есть токены темы, общие и по каждому компоненту, и описание стиля Ant Design 6 с цветами, шрифтами и отступами. Тему под свой цвет агент собирает сам.
Сервер сравнивает свойства компонента между двумя версиями antd и показывает журнал изменений, это пригодится при переходе на новую версию.
Промпт собран из паспорта: команды в нём те же, что во вкладках Claude Code и Codex.
Промпт для агента
Подключи MCP-сервер «Ant Design» версии 6.6.5. Работай по шагам и после каждого коротко говори, что сделал.
Данные сервера (каталог smyslokod.ru, проверено 09.10.2026):
- имя в конфиге: antd
- официальный источник: https://github.com/ant-design/ant-design-cli/tree/main
- запуск: npx -y @ant-design/cli@6.6.5 mcp
- переменные окружения сервера: NO_UPDATE_CHECK=1
Правила:
1. Не ставь Node.js, uv или Docker без моего «да». Не хватает - остановись и скажи, что поставить и откуда.
2. Ставь только пакет или адрес из этого промпта. Никаких установочных скриптов из README без моего подтверждения.
3. Перед правкой конфига сделай его резервную копию.
Шаги:
0. Определи, кто ты (Claude Code, Codex или другой агент) и какая у меня система.
1. Проверь окружение: node --version и npx --version (нужен Node.js 20 или новее). Скажи, что нашёл.
2. Проверь, нет ли уже сервера с таким именем: `claude mcp get antd` (в Codex: `codex mcp list`).
3. Подключи сервер:
Claude Code: claude mcp add --scope user --env 'NO_UPDATE_CHECK=1' --transport stdio antd -- npx -y @ant-design/cli@6.6.5 mcp
Codex: codex mcp add antd --env 'NO_UPDATE_CHECK=1' -- npx -y @ant-design/cli@6.6.5 mcp
Если ты не Claude Code и не Codex, подключи способом, принятым у тебя, с той же командой запуска.
4. Проверка: `claude mcp list` (в Codex: `codex mcp list`), статус должен быть «Connected». Попроси меня перезапустить сессию. У сервера 8 инструментов, перечисли их. Сделай пробный запрос: «Через antd покажи свойства таблицы Table, которые отвечают за загрузку, постраничный вывод и выбор строк». Покажи результат.
5. Итог одним сообщением: что добавлено и куда, статус, число инструментов, команда отката и откуда восстановить копию конфига. Откат: `claude mcp remove antd --scope user` (в Codex: `codex mcp remove antd`).
Если на любом шаге ошибка, не чини наугад. Покажи текст ошибки и скажи, что, по-твоему, случилось. Частые проблемы: https://smyslokod.ru/mcp/ant-design#problemy
Выполнят Claude Code, Codex, Hermes и любой агент с доступом к терминалу.
Что нужно на компьютере: Node.js 20 или новее.
Ключ: не нужен.
Ключ и аккаунт не нужны, нужен Node.js 20 или новее. Сервер встроен в программу Ant Design CLI и запускается её командой mcp. При первом запуске npx скачивает пакет из реестра npm, по данным реестра это около 29 МБ в распакованном виде: внутри справка по Ant Design версий 3, 4, 5 и 6. Версию antd сервер ищет так: флаг --version, потом node_modules/antd в папке, откуда запущен агент, потом зависимости в package.json. Не нашёл - отвечает по последнему встроенному снимку версии 6, это не обязательно самая свежая версия библиотеки.
Проверь, что работает
Пробный запрос
Через antd покажи свойства таблицы Table, которые отвечают за загрузку, постраничный вывод и выбор строк
Что должно получиться: Промпт просит агента вызвать antd_info с компонентом Table. Прямой вызов через mcp-probe вернул 33 свойства, среди них loading, pagination и rowSelection с типами. Ответ самого агента мы не проверяли. Если вызова antd в нём нет, посмотри командой /mcp, подключён ли сервер.
Что можно сделать
4 сценария
Таблица клиентов в кабинете: загрузка, страницы, выбор строк
Агенту нужны точные свойства таблицы. На прогоне antd_info по Table за 3 мс вернул 33 свойства, в их числе loading, pagination и rowSelection, а antd_demo перечислил 42 готовых примера таблицы, среди них ajax с загрузкой данных с сервера. Саму страницу по этим ответам мы не собирали.
Свойства даёт antd_info с компонентом Table.
Потом antd_demo по Table даёт список примеров, а с именем примера присылает его код.
Промпт
Через подключение antd сделай в моём проекте на React страницу со списком клиентов на Ant Design Table: колонки «Имя», «Телефон», «Дата обращения», сортировка по дате, по 20 строк на странице, галочки для выбора строк и индикатор загрузки, пока данные не пришли. Перед тем как писать код, сверь свойства Table и посмотри готовые примеры таблицы через сервер.
Бесплатно: почта или сразу Телеграм-канал клуба
Совет. Сервер определяет версию antd по папке, откуда запущен агент: node_modules/antd или package.json. Запускай агента из папки проекта, иначе ответы придут по последнему встроенному снимку версии 6.
Форма заявки с проверкой полей
Промпт опирается на документацию формы. antd_doc по Form прислал страницу почти в 40 тысяч знаков. В ней описано, когда форма нужна, перечислены примеры вроде Dynamic Rules и Customized Validation и есть таблица свойств с шаблонами сообщений об ошибках validateMessages. Как агент перенесёт это в код, на прогоне не смотрели.
Страницу документации отдаёт antd_doc с компонентом Form.
Готовый код примера формы можно взять через antd_demo.
Промпт
Через подключение antd собери форму заявки на Ant Design Form: имя, телефон, почта, комментарий. Имя и телефон обязательны, почта проверяется на правильный формат, сообщения об ошибках по-русски. Возьми правила проверки из документации Form на сервере и покажи готовый компонент.
Бесплатно: почта или сразу Телеграм-канал клуба
Совет. Страница формы большая. Если нужно одно свойство, хватит antd_info по Form.
Фирменные цвета и скругления для всего интерфейса
Сервер отдал три ответа про оформление. antd_token без компонента вернул 234 общих токена темы, по Button пришло 36 токенов кнопки, а antd_design_md прислал описание стиля Ant Design 6, где основной цвет #1677FF. Тему под твой цвет агент собирает сам, мы этот шаг не проверяли.
Общие токены приходят из antd_token без компонента.
Токены кнопки - тот же вызов с компонентом Button.
Стиль по умолчанию, от которого отталкиваться, присылает antd_design_md.
Промпт
Через подключение antd настрой тему Ant Design под мой фирменный цвет #2F6B4F: основной цвет, скругление углов 8 пикселей, кнопки чуть выше обычных. Найди нужные токены через сервер, общие и токены кнопки, и покажи, что поменять в ConfigProvider.
Бесплатно: почта или сразу Телеграм-канал клуба
Совет. Описание стиля есть только для Ant Design 6. В проекте на версии 5 сервер ответил ошибкой «design.md is not available for antd v5».
Что сломается в окне Modal при переходе с версии 5 на 6
Здесь работает сравнение версий. antd_changelog по Modal между 5.20.0 и 6.0.0 ответил за 79 мс: добавлены destroyOnHidden, disabled и onClose, убраны originNode и extra, у closable, mask, footer, classNames и styles поменялся тип. Правки в проекте по этому списку мы не делали.
antd_changelog с v1 5.20.0, v2 6.0.0 и компонентом Modal.
Промпт
Через подключение antd сравни свойства Modal между версиями 5.20.0 и 6.0.0 и найди в моём проекте места, где окна Modal используют убранные или изменённые свойства. Предложи правки списком, файлы пока не меняй.
Бесплатно: почта или сразу Телеграм-канал клуба
Пример работы
редакция, прогон при проверке 09.10.2026
Задача
Сверить свойства таблицы и найти готовый пример для страницы кабинета
Промпт
Через подключение antd покажи свойства Table и пример таблицы с правкой строк
Что сделал агент
antd_list за 39 мс перечислил 72 компонента по разделам.
Для Table пришло 33 свойства, у каждого тип и умолчание.
antd_demo по Table перечислил 42 примера, а по имени edit-row прислал код таблицы с правкой строк на Form, Input, InputNumber и Popconfirm.
На имя Buttn сервер ответил, что компонента нет, и подсказал Button.
Результат
Все 13 вызовов заняли от 1 до 79 мс, ключ серверу не понадобился, с переменной NO_UPDATE_CHECK=1 сам сервер в сеть не ходил. Промпт агентом Claude Code не выполнялся, вызовы делал mcp-probe.
Инструменты
8 · описания около 1 тыс. токенов
Жёлтым то, что агент делает от твоего имени, красным запуск команд на компьютере. Нажми на имя: покажем, что делает инструмент, и описание, которое читает агент. В Claude Code инструменты грузятся по запросу и почти не занимают память агента; в других клиентах и при своём адресе подключения (ANTHROPIC_BASE_URL) описания грузятся целиком на каждом сообщении.
Когда не нужен
Если интерфейс собран не на Ant Design, сервер не пригодится: в нём справка только по этой библиотеке. То же для проекта без React, потому что Ant Design сделан для React.
Частые проблемы
7
«design.md is not available for antd v5»
Сервер взял версию antd из package.json проекта. Описание стиля опубликовано только для Ant Design 6. В проекте на версии 5 попроси агента взять токены через antd_token. На прогоне в проекте с antd ^5.20.0 этот вызов по Button вернул токены кнопки.
«Component 'Buttn' not found» и подсказка «Did you mean 'Button'?»
Агент передал имя компонента с ошибкой. Подсказка в ответе уже содержит верное имя. Полный список имён даёт antd_list.
После одного вызова в разговор пришло около 40 тысяч знаков
antd_token без компонента отдаёт все общие токены, на прогоне это 40 422 знака, и почти столько же весит страница Form из antd_doc. Для одного вопроса проси токены конкретного компонента через antd_token или его свойства через antd_info. На прогоне токены Button заняли около 5 тысяч знаков, свойства Table около 11 тысяч, у других компонентов размер свой.
Агент не видит инструментов сервера
Клиент не перезапущен после подключения: Claude Code читает подключения при старте сессии. Закрой и открой сессию, потом проверь: claude mcp list.
«spawn npx ENOENT» при запуске
Клиент не видит npx: приложения с иконкой не читают PATH из настроек терминала. Пропиши полный путь к npx. Узнать его: which npx на Mac, where npx на Windows.
«Unsupported engine» или падение при старте
Старая версия Node.js. Нужна 20 или новее, проверить: node --version.
Codex: сервер не успевает запуститься
Codex ждёт запуска 10 секунд, а первый запуск npx скачивает пакет дольше. Во вкладке Codex уже стоит startup_timeout_sec = 30, возьми фрагмент оттуда.
То, что агент передаёт в вызов: имя компонента, имя примера, номера версий. Ещё сервер читает в папке, откуда запущен, номер версии antd из package.json или node_modules/antd/package.json. Остальные файлы проекта и разговор он не читает.
Куда уходят данные
Данные остаются на компьютере.
Что может изменить
Сервер ничего не меняет: инструменты отдают текст из справки, которая лежит внутри пакета. Код в проект пишет сам агент. Без переменной NO_UPDATE_CHECK сервер раз в сутки записывает дату проверки обновлений в свой файл ~/.cache/antd-cli-nodejs/cache.json, с ней этого файла на прогоне не появилось.
Наша проверка
Пакет @ant-design/cli выпускает команда Ant Design: на него и на команду antd mcp ссылается документация ant.design, исходный код лежит в репозитории ant-design/ant-design-cli под лицензией MIT, версию 6.6.5 опубликовал в npm сборщик GitHub Actions этого репозитория. Мы прочитали код сервера: восемь инструментов только читают данные пакета, скриптов установки нет. Инструкции у сервера нет. Две подсказки, antd-expert и antd-page-generator, советуют агенту читать документацию до кода и не предлагать отчёты об ошибках без просьбы. Скрытых указаний в описаниях нет. Автор пометил все инструменты как только читающие, и это подтвердили и код, и прогон. В одноразовой песочнице Ubuntu 24.04.5 мы вызвали все 8 инструментов, всего 13 вызовов, каждый ответил за 1-79 мс. На путь с ../ в поле имени компонента сервер ответил, что такого компонента нет. В коде есть ежедневная проверка обновлений: на прогоне без переменной программа обращалась к реестру npm, npmmirror и unpkg. С NO_UPDATE_CHECK=1 сервер, запущенный из установленного пакета, не открыл ни одного соединения. Под npx в журнале остался только реестр npm, туда ходит сам npx. В базе OSV записей по пакету нет. В его зависимостях есть braces 3.0.3 с записью GHSA-vfj7-8cjw-p6xm, это отказ в работе на очень глубоко вложенных шаблонах, исправленной версии пока нет. Цепочка fast-glob, через которую он подключён, по коду нужна командам lint и usage программы, сервер её не вызывает. Версия в команде закреплена.
Версия
В командах закреплена версия 6.6.5: ставится ровно то, что мы проверили.
Отпечаток - контрольная сумма того, что сервер отдаёт агенту. Поменялся при той же версии - поменялось поведение.
Подключения делают их авторы. Мы проверяем установку и описываем, что они умеют, но код и сервис остаются чужими. Перед установкой посмотри, какие данные получит агент.
