Kinetik UI — Claude Code MCP server: Expo animation components
Gives your coding agent the Kinetik UI registry of animated React Native and Expo components: search, source and an install plan inside the chat.
claude mcp add kinetik-ui -- npx -y kinetik-uiWhat Kinetik UI does
The server runs through npx and speaks stdio. It exposes five tools to the agent: list_components, search_components, get_component, get_install_plan and get_tokens. Ask for a component by name or category and the agent pulls its source along with instructions for adding it.
The components themselves cover motion and effects for Expo, built on Reanimated 4, Gesture Handler and Skia. Installation copies TypeScript files into your repo, so the code is yours to edit. Native packages go in with npx expo install, which keeps them aligned with your Expo SDK.
Your app has to run React Native New Architecture on Expo SDK 54 or newer. On an older setup the server has nothing to offer you. Also check the config snippet: the MCP entry runs npx -y kinetik-ui without the mcp argument, so verify the tools actually appear before you rely on them.
What it helps with
- locate an animated component for a specific Expo screen
- pull a component's TypeScript source into the project
- match native dependency versions to the current Expo SDK
- see what an install will touch before running it
- compare local component copies against the registry
Example prompts for the agent
- Search Kinetik UI for animated card components and show me the install steps
- Get me the install plan for
glint-cardanddeckfall - Show the tokens and motion presets from the Kinetik UI registry
How to install Kinetik UI
Platform CLI
claude mcp add kinetik-ui -- npx -y kinetik-uiPlatform CLI
codex mcp add cli -- npx -y kinetik-uiConfig file
{
"mcpServers": {
"cli": {
"command": "npx",
"args": [
"-y",
"kinetik-ui"
]
}
}
}Config file
{
"servers": {
"cli": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"kinetik-ui"
]
}
}
}Platform CLI
gemini mcp add cli npx -y kinetik-uiStep by step, with commands for each platform: How to add an MCP server to Claude Code, Codex, Cursor, VS Code, Gemini CLI and more
Questions about Kinetik UI
How do I install Kinetik UI in Claude Code?
Run claude mcp add kinetik-ui -- npx -y kinetik-ui. The agent then has access to the registry tools.
What does Kinetik UI do?
It hands your agent the Kinetik UI component catalog for Expo: lookup by name, category or description, component source, tokens and an install plan.
Why does the server show nothing for my app?
Kinetik UI requires React Native New Architecture and Expo SDK 54 or newer. An older architecture or SDK is out of scope.
