# Arc UI

Подключает к AI-агенту документацию библиотеки Arc UI с анимациями на Motion. Помогает искать параметры компонентов и команды установки через shadcn CLI.

- MCP-сервер · `type=mcp` · Claude Code, Codex, Cursor, GitHub Copilot, Windsurf (Devin Desktop), Cline, Zed, Gemini CLI · ★ 968
- Автор: kuratlielia
- Лицензия: MIT · policy=link-only · показываем только описание, файл — у автора
- Исходник: https://github.com/kuratlielia/arc-library
- Обновлён: 2026-10-24
- HTML: https://affpapa.org/nevibecode/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 в открытый каталог не входят и отсюда не устанавливаются.

## Требования
- Удалённый сервер: `https://uiarc.dev/api/mcp`

## Установка

### Claude Code (родная платформа)

**Командой платформы: удалённый сервер**
```bash
claude mcp add --transport http arc https://uiarc.dev/api/mcp
```

### Codex

**Командой платформы: удалённый сервер**
```bash
codex mcp add arc-ui --url https://uiarc.dev/api/mcp
```

### Cursor

**Файл настроек**
Файл `.cursor/mcp.json`:
```json
{
    "mcpServers": {
        "arc-ui": {
            "url": "https://uiarc.dev/api/mcp"
        }
    }
}
```

### GitHub Copilot

**Файл настроек**
Файл `.vscode/mcp.json`:
```json
{
    "servers": {
        "arc-ui": {
            "type": "http",
            "url": "https://uiarc.dev/api/mcp"
        }
    }
}
```

### Gemini CLI

**Командой платформы: удалённый сервер**
```bash
gemini mcp add -t http arc-ui https://uiarc.dev/api/mcp
```

## Когда брать
- Находить команды установки нужных блоков через shadcn CLI
- Подбирать React-компоненты с готовой анимацией на Motion
- Уточнять пропсы и типы перед внедрением компонентов Arc UI
- Добавлять интерактивные графики и формы в Next.js или Vite

## Примеры запросов агенту
- Найди в Arc UI команду установки для donut-chart через shadcn
- Какие пропсы принимает компонент billing-toggle в Arc UI?
- Подбери блок с анимацией для переключения тарифов под React 19

## Похожие
- [Front-End Checklist](https://affpapa.org/nevibecode/mcp/front-end-checklist.md) — MCP-сервер · ★ 74559
- [tldraw](https://affpapa.org/nevibecode/mcp/tldraw.md) — MCP-сервер · ★ 51091
- [Figma-Context-MCP](https://affpapa.org/nevibecode/mcp/figma-context-mcp.md) — MCP-сервер · ★ 16062
- [mcp-server-chart](https://affpapa.org/nevibecode/mcp/mcp-server-chart.md) — MCP-сервер · ★ 4402
- [Dembrandt](https://affpapa.org/nevibecode/mcp/dembrandt.md) — MCP-сервер · ★ 3821
- [RevoGrid DataGrid MCP Pro](https://affpapa.org/nevibecode/mcp/revogrid-datagrid-mcp-pro.md) — MCP-сервер · ★ 3450

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md