Ant Design CLI
Офлайн-справочник по Ant Design для агента: свойства, токены, демо и журнал изменений antd версий 3–6 командами.
- 261 ★ репозитория
- Последний коммит
- MIT
Расширенный доступ
Почему такой уровень
- `antd setup` пишет MCP-конфигурацию и файлы скилла в проект, а `antd upgrade` обновляет сам CLI.
- `antd bug --submit` отправляет отчет с данными окружения в GitHub.
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add cli/ant-design-cliОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- `antd setup` пишет MCP-конфигурацию и файлы скилла в проект, а `antd upgrade` обновляет сам CLI.
- `antd bug --submit` отправляет отчет с данными окружения в GitHub.
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Команда `antd` отдает агенту точные данные о компонентах Ant Design без обращения к сети. Таблицы свойств с типами и значениями по умолчанию, документация, исходники демо, дизайн-токены, структура `classNames` и `styles`, записи журнала изменений лежат внутри пакета. Есть срезы по минорным версиям antd 3, 4, 5 и 6, поэтому агент спрашивает API той версии, что стоит в проекте. Другая группа команд анализирует проект. `antd usage` считает импорты, `antd lint` ищет устаревшие API и пробелы доступности, `antd doctor` проводит десять диагностических проверок, а `antd migrate 4 5 --apply ./src` готовит промпт миграции для агента. Каждая команда принимает `--format json`. Режим `antd mcp` запускает stdio MCP-сервер с восемью инструментами.
Для кого. Фронтенд-разработчикам на React с Ant Design, которые поручают агенту писать или переводить интерфейсы на нужную версию antd.
Подходит, если
- Агент путает свойства Table или Form между версиями, и ему нужен точный API проекта.
- Впереди переезд с antd 4 на 5, а список устаревших вызовов надо получить из кода.
- Токены и семантические слоты компонента нужны для кастомной темы без чтения документации вручную.
- Перед релизом хочется пройтись `antd lint` по `src` и увидеть проблемы доступности.
- IDE умеет MCP, и справочник по Ant Design должен быть под рукой без сети.
Не подходит, если
- На проекте стоит другая библиотека компонентов: справочник покрывает только Ant Design.
- Нужна документация по сторонним расширениям antd: в пакете лежат данные самой библиотеки.
- Релиз antd вышел недавно, а CLI давно не обновляли: данные поставляются вместе с версией пакета.
Пример запроса к агенту
Покажи свойства Select для antd 5.20.0 и найди в src устаревшие вызовы перед переходом на версию 6.Ограничения
Данные работают офлайн, но свежие релизы antd попадают в них только после выпуска новой версии CLI. Обновить ее можно командой `antd upgrade`. Команда `antd setup` записывает конфигурацию MCP или файлы скилла в проект, `antd bug` с флагом `--submit` отправляет отчет через gh в репозиторий Ant Design вместе с собранными данными окружения. Скилл `skills/antd/SKILL.md` только подсказывает агенту, когда звать команды, поэтому пакет `@ant-design/cli` должен стоять отдельно. Двуязычные описания компонентов выводятся на английском или китайском, язык переключает `--lang zh`.
Как отключить. Удалите пакет командой `npm uninstall -g @ant-design/cli`, затем уберите скилл и запись antd из `.mcp.json` или конфигурации клиента.
Частые вопросы
Как поставить Ant Design CLI для Claude Code?
Выполните `npm install -g @ant-design/cli`, затем `npx skills add ant-design/ant-design-cli`. Команда `antd setup --client claude` дополнительно запишет MCP-конфигурацию в `.mcp.json`.
Нужна ли сеть или ключ API?
Нет, все данные поставляются с пакетом, ключи не нужны. Сеть требуется только для `antd upgrade` и отправки отчета командой `antd bug --submit`.
Как узнать свойства компонента определенной версии?
Добавьте флаг `--version`, например `antd info Button --version 4.24.0`. Для разницы между релизами служит `antd changelog 4.24.0 5.0.0 Select`.
Какие инструменты дает MCP-режим?
Восемь: `antd_list`, `antd_info`, `antd_doc`, `antd_demo`, `antd_token`, `antd_design_md`, `antd_semantic` и `antd_changelog`. Еще есть два промпта: `antd-expert` и `antd-page-generator`.
Как перевести проект с четвертой версии на пятую?
`antd migrate 4 5` выводит чек-лист с разбивкой на автоматические и ручные правки. С флагом `--apply ./src` команда готовит промпт для агента, который выполнит миграцию.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
CLI-инструментыДва официальных скилла Ant Design: руководство по antd 6, Pro 5 и X 2 и работа с офлайн-справочником antd для кода и миграций
Ant Design Components MCP
antd-components-mcp
MCP-сервер отдает агенту документацию, API, примеры кода и журнал изменений компонентов Ant Design, чтобы он не выдумывал свойства
DESIGN.md от Google Labs
DESIGN.md
Формат DESIGN.md для агентов и CLI: проверка контраста и ссылок, сравнение версий, экспорт токенов в Tailwind и DTCG
MCP-сервер и скилл для интерфейсов: 31 дизайн-система для shadcn/ui, принципы UI и UX и проверка доступности для кода агента
CLI, который дает агенту смотреть работающее приложение на React: дерево компонентов, props, state, hooks и профилирование рендеров
designlang
designlang (design-extract)
CLI и MCP-сервер, который читает готовый сайт и достает из него дизайн-систему: токены DTCG, конфиг Tailwind, переменные Figma и брендбук
Сравнение с похожими
Карточки с тем же главным запросом: чем они отличаются.
| Инструмент | Официальный | Звезды репозитория | Главное отличие |
|---|---|---|---|
| Ant Design CLI (эта карточка) | нет | 261 | |
| Скиллы Material UI | нет | 99 298 | четыре скилла по Material UI с практиками стилизации и тем; здесь CLI с данными о каждой версии Ant Design и разбором проекта |
| shadcn/ui | нет | 127 489 | скилл и MCP для реестров компонентов shadcn; здесь справочник и миграции для готовой библиотеки Ant Design |
Коротко о README
Авторы строят CLI вокруг идеи, что агент пишет лучший код с интерфейсом antd, когда справочник под рукой. Все команды возвращают структурированные ошибки с кодами и подсказками, а опечатку в названии компонента утилита исправляет по расстоянию Левенштейна.