Kinetik UI — MCP-сервер для Claude Code: анимации React Native из реестра
Отдаёт ИИ-агенту каталог анимированных компонентов Kinetik UI для React Native и Expo: поиск, описание и план установки прямо в чате.
claude mcp add kinetik-ui -- npx -y kinetik-uiЧто делает 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 — это стоит сверить перед запуском.
Какие задачи решает
- найти подходящий анимированный компонент под задачу в Expo-приложении
- получить исходник компонента в проект, а не тянуть его из npm-пакета
- подобрать версии нативных зависимостей под текущий Expo SDK
- выяснить, из чего состоит установка компонента, до её запуска
- сверить свои локальные копии компонентов с реестром
Примеры запросов агенту
- Найди в Kinetik UI компоненты для карточек с анимацией и покажи, как их установить
- Дай план установки для
glint-cardиdeckfall - Покажи токены и motion-пресеты из реестра Kinetik UI
Как установить Kinetik UI
Командой платформы
claude mcp add kinetik-ui -- npx -y kinetik-uiКомандой платформы
codex mcp add cli -- npx -y kinetik-uiФайл настроек
{
"mcpServers": {
"cli": {
"command": "npx",
"args": [
"-y",
"kinetik-ui"
]
}
}
}Файл настроек
{
"servers": {
"cli": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"kinetik-ui"
]
}
}
}Командой платформы
gemini mcp add cli npx -y kinetik-uiПо шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие
Вопросы о Kinetik UI
Как установить Kinetik UI в Claude Code?
Добавьте сервер командой claude mcp add kinetik-ui -- npx -y kinetik-ui. После этого агент видит инструменты реестра.
Что делает Kinetik UI?
Отдаёт агенту каталог компонентов Kinetik UI для Expo: поиск по имени, категории или описанию, исходник компонента, токены и план установки.
Почему сервер не видит компоненты на моём проекте?
Kinetik UI работает только на React Native New Architecture и Expo SDK 54 или новее. На старой архитектуре или младшем SDK он вам не подойдёт.
