Arc UI MCP
MCP-сервер Arc UI: агент ищет React-компоненты с анимацией, читает документацию и свойства, получает команду shadcn.
- 1 260 ★ репозитория
- Последний коммит
- MIT
Минимальный доступ
Почему такой уровень
- Читает публичную документацию и исходники компонентов; токен Arc Pro, если он задан, уходит на uiarc.dev.
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add mcp/arc-ui-mcpОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемМинимальный доступИнструмент ничего не запускает и не ходит в сеть.
- Читает публичную документацию и исходники компонентов; токен Arc Pro, если он задан, уходит на uiarc.dev.
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Arc — библиотека React-компонентов и блоков с анимацией: каждый элемент это обычный исходный код на CSS-модулях с токенами дизайна, Motion для анимации, поддержкой клавиатуры и вариантом для сниженной анимации. В бесплатной части репозитория 121 компонент и 22 блока, их ставит shadcn CLI или копирование файлов. Удаленный MCP-сервер на `https://uiarc.dev/api/mcp` работает по Streamable HTTP. Через него Claude Code, Cursor, VS Code или Codex ищут элементы, читают документацию, свойства и исходники и получают готовые команды установки. Для бесплатных элементов ключ не нужен; заголовок `Authorization` с токеном вида `arc_pro_...` открывает исходники Arc Pro. Кроме сервера у сайта есть `llms.txt`, `llms-full.txt` и Markdown-версия каждой страницы компонента.
Для кого. Фронтенд-разработчикам на React 19, Next.js или Vite, которые собирают интерфейс с агентом и берут готовые анимированные компоненты как исходники.
Подходит, если
- Агент подбирает диалог, переключатель тарифа и график для новой страницы и сразу выдает команды установки.
- Перед правкой компонента надо узнать его свойства и варианты сниженной анимации.
- В проекте на Vite без Tailwind нужны компоненты на CSS-модулях.
- Команда подтягивает платные блоки Arc Pro по токену через тот же сервер.
Не подходит, если
- Проект не на React 19: исходники рассчитаны на строгие настройки TypeScript.
- Нужна готовая тема на Tailwind: Arc читает CSS-переменные и в Tailwind не нуждается.
- Нужны платные компоненты, а токен Arc Pro не куплен.
Пример запроса к агенту
Найди в Arc компонент переключателя тарифов с анимацией, покажи его свойства и дай команду установки.MCP
- Транспорт
- http
- Авторизация
- ключ необязателен
Переменные окружения
Authorizationсекрет- Необязательный заголовок `Bearer arc_pro_...`, открывает исходники Arc Pro.
Ограничения
Исходники требуют React 19, TypeScript со строгими опциями (`strict`, `noUncheckedIndexedAccess`, `verbatimModuleSyntax`), `lib` ES2023 или новее и алиас импорта `@/*`. Из зависимостей нужны motion, а иногда lucide-react или примитивы Radix UI, их ставит CLI. В репозитории лежит только бесплатная часть библиотеки, платный Arc Pro продается отдельно за годовую или единовременную плату. Сервер принадлежит автору библиотеки, запросы к нему идут на `uiarc.dev`.
Как отключить. Удалите запись arc из MCP-конфигурации (`claude mcp remove arc`). Установленные компоненты остаются в проекте как обычный исходный код, их удаляют вручную.
Частые вопросы
Как подключить Arc UI к Claude Code?
Выполните `claude mcp add --transport http arc https://uiarc.dev/api/mcp`. Для бесплатных элементов ключ не нужен. Настройки для Cursor, VS Code и Codex описаны на странице uiarc.dev/docs/ai.
Как установить компонент через shadcn?
Добавьте пространство `@uiarc` в `components.json` (адрес `https://uiarc.dev/r/{name}.json`) и выполните `npx shadcn@latest add @uiarc/button @uiarc/dialog`. Дизайн-токены ставятся один раз: `npx shadcn@latest add @uiarc/arc-foundation`.
Нужен ли Tailwind?
Нет. Стили Arc написаны как CSS-модули, которые читают CSS-переменные. Tailwind проекту не нужен.
Что открывает токен Arc Pro?
Заголовок `Authorization: Bearer arc_pro_...` из личного кабинета на uiarc.dev дает серверу выдавать исходники платных компонентов Arc Pro. Бесплатные элементы работают без токена.
Где лежат материалы для ИИ-инструментов?
Помимо MCP-сервера есть `https://uiarc.dev/llms.txt` как индекс, `llms-full.txt` с полным содержимым и Markdown-версия каждой страницы по адресу `/components/<id>/markdown`.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
MCP-серверыShadcn UI MCP Server
Shadcn UI v4 MCP Server
MCP-сервер, который отдает агенту исходники, демо и блоки компонентов shadcn/ui для React, Svelte, Vue и React Native
MCP-сервер библиотеки React-компонентов для интерфейсов агентов: агент находит компонент и добавляет его в проект
MCP-сервер Chakra UI: справочник по компонентам, свойствам и токенам темы плюс разбор кода при переходе с версии 2 на 3
MCP-сервер каталога анимированных React-компонентов UI Beats: поиск, свойства, исходный код и команда установки для агента
Официальный скилл и MCP-сервер shadcn/ui: агент ищет компоненты в реестрах, ставит их через CLI и держится правил библиотеки
MCP-сервер CodeRocket отдает агенту правила дизайн-системы, компоненты и блоки сохраненной библиотеки только на чтение.
Коротко о README
Раздел README про ИИ перечисляет MCP-сервер, файлы `llms.txt` и Markdown-страницы. Остальной текст описывает установку, требования и устранение неполадок.