Keyframer for Claude.ai

dev.keyframer/keyframer

150+ React Native animation recipes, scene authoring, phone preview via QR, Reanimated v4 codegen

client:Claude.ai transport:streamable-http tools:11

Install Keyframer in Claude.ai

Settings → Connectors → Add custom connector

https://api.keyframer.dev/mcp

Claude on the web takes a remote URL and completes OAuth in the browser. For a packaged server use Claude Desktop or Claude Code instead. Claude.ai docs

What Claude.ai can do once it is connected

search_recipes
get_recipe
get_scene_format
validate_scene
sample_scene
create_scene
update_scene
list_scenes
get_scene
get_preview_qr
generate_code

Keyframer in other clients

Claude Code
Claude Desktop
Cursor
VS Code
Zed
Windsurf
Cline
Gemini CLI
Grok
ChatGPT
LangChain

Keyframer MCP server