# Kinetik UI

Отдаёт ИИ-агенту каталог анимированных компонентов Kinetik UI для React Native и Expo: поиск, описание и план установки прямо в чате.

- MCP-сервер · `type=mcp` · Claude Code, Codex, Cursor, GitHub Copilot, Windsurf (Devin Desktop), Cline, Zed, Gemini CLI · ★ 18
- Автор: NURULLAHTURGUT
- Лицензия: MIT · policy=link-only · показываем только описание, файл — у автора
- Исходник: https://github.com/NURULLAHTURGUT/kinetikui/tree/HEAD/packages/cli
- Обновлён: 2026-10-22
- HTML: https://affpapa.org/nevibecode/mcp/kinetik-ui

## Что делает

Сервер запускается через `npx` и отдаёт агенту по stdio пять инструментов: `list_components`, `search_components`, `get_component`, `get_install_plan` и `get_tokens`. Агент находит компонент по имени или категории, читает его исходник и получает план установки, не открывая сайт реестра.

Сами компоненты — это motion и effect-элементы для Expo на Reanimated 4, Gesture Handler и Skia. В проект они попадают как TypeScript-исходники, поэтому код остаётся у вас. Зависимости ставятся через `npx expo install`, чтобы версии совпадали с вашим Expo SDK.

Проект должен быть на React Native New Architecture и Expo SDK 54 или новее. Без этого ничего не заведётся, так что старый проект на старой архитектуре сюда не подключить. MCP-сервер в конфиге агента прописывается как `npx -y kinetik-ui` без аргумента `mcp` — это стоит сверить перед запуском.

## Требования
- Нужно: Node.js (команды через npx)

## Установка

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

**Командой платформы**
```bash
claude mcp add kinetik-ui -- npx -y kinetik-ui
```

### Codex

**Командой платформы**
```bash
codex mcp add cli -- npx -y kinetik-ui
```

### Cursor

**Файл настроек**
Файл `.cursor/mcp.json`:
```json
{
    "mcpServers": {
        "cli": {
            "command": "npx",
            "args": [
                "-y",
                "kinetik-ui"
            ]
        }
    }
}
```

### GitHub Copilot

**Файл настроек**
Файл `.vscode/mcp.json`:
```json
{
    "servers": {
        "cli": {
            "type": "stdio",
            "command": "npx",
            "args": [
                "-y",
                "kinetik-ui"
            ]
        }
    }
}
```

### Gemini CLI

**Командой платформы**
```bash
gemini mcp add cli npx -y kinetik-ui
```

## Когда брать
- найти подходящий анимированный компонент под задачу в Expo-приложении
- получить исходник компонента в проект, а не тянуть его из npm-пакета
- подобрать версии нативных зависимостей под текущий Expo SDK
- выяснить, из чего состоит установка компонента, до её запуска
- сверить свои локальные копии компонентов с реестром

## Примеры запросов агенту
- Найди в Kinetik UI компоненты для карточек с анимацией и покажи, как их установить
- Дай план установки для `glint-card` и `deckfall`
- Покажи токены и motion-пресеты из реестра Kinetik UI

## Похожие
- [mobile-mcp](https://affpapa.org/nevibecode/mcp/mobile-mcp.md) — MCP-сервер · ★ 9946
- [mobilerun](https://affpapa.org/nevibecode/mcp/mobilerun.md) — MCP-сервер · ★ 9751
- [e2e](https://affpapa.org/nevibecode/mcp/e2e.md) — MCP-сервер · ★ 11912
- [XcodeBuildMCP](https://affpapa.org/nevibecode/mcp/xcodebuildmcp.md) — MCP-сервер · ★ 6505
- [ShipSwift](https://affpapa.org/nevibecode/mcp/shipswift.md) — MCP-сервер · ★ 3244
- [agent-device](https://affpapa.org/nevibecode/mcp/agent-device.md) — MCP-сервер · ★ 5149

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