Arc UI — MCP-сервер для Claude Code: что делает и как установить
Подключает к AI-агенту документацию библиотеки Arc UI с анимациями на Motion. Помогает искать параметры компонентов и команды установки через shadcn CLI.
claude mcp add --transport http arc https://uiarc.dev/api/mcpЧто делает Arc UI
Сервер связывает ассистента с каталогом интерфейсных элементов Arc UI. Каталог содержит 119 компонентов и 22 готовых блока на React 19. Через протокол MCP агент ищет параметры пропсов, описание разметки и команды для установки через shadcn CLI.
Все компоненты библиотеки написаны с использованием CSS modules и Motion. Для каждой анимации заложен режим с отключением лишнего движения. Вёрстка работает в проектах на Next.js или Vite, с Tailwind или без него.
MCP-сервер работает удалённо по протоколу HTTP на адресе https://uiarc.dev/api/mcp. Локальный процесс запускать не нужно. Важная деталь: варианты с пометкой Pro в открытый каталог не входят и отсюда не устанавливаются.
Какие задачи решает
- Находить команды установки нужных блоков через shadcn CLI
- Подбирать React-компоненты с готовой анимацией на Motion
- Уточнять пропсы и типы перед внедрением компонентов Arc UI
- Добавлять интерактивные графики и формы в Next.js или Vite
Примеры запросов агенту
- Найди в Arc UI команду установки для donut-chart через shadcn
- Какие пропсы принимает компонент billing-toggle в Arc UI?
- Подбери блок с анимацией для переключения тарифов под React 19
Как установить Arc UI
Командой платформы: удалённый сервер
claude mcp add --transport http arc https://uiarc.dev/api/mcpКомандой платформы: удалённый сервер
codex mcp add arc-ui --url https://uiarc.dev/api/mcpФайл настроек
{
"mcpServers": {
"arc-ui": {
"url": "https://uiarc.dev/api/mcp"
}
}
}Файл настроек
{
"servers": {
"arc-ui": {
"type": "http",
"url": "https://uiarc.dev/api/mcp"
}
}
}Командой платформы: удалённый сервер
gemini mcp add -t http arc-ui https://uiarc.dev/api/mcpПо шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие
Вопросы о Arc UI
Как установить Arc UI в Claude Code?
Для установки выполните команду claude mcp add --transport http arc-ui https://uiarc.dev/api/mcp.
Что умеет MCP-сервер Arc UI?
Он позволяет языковой модели искать документацию по 119 компонентам и 22 блокам библиотеки, проверять их пропсы и получать точные команды shadcn CLI для добавления файлов в проект.
Нужен ли Tailwind для работы компонентов Arc UI?
Нет, компоненты построены на CSS modules и дизайн-токенах, поэтому работают в проектах как с Tailwind, так и без него.
