The Motion AI Kit ships in three pieces that install separately:
- The AI Kit MCP — gives your AI agent access to the latest Motion docs, examples, and saved transitions.
- The AI Kit Skills —
/motion,/motion-audit,/css-spring,/see-transition. Skills are installed via a one-shot script for popular agents. - The AI Kit Extension — visual transition editor for Cursor and VS Code.
MCP
The free tier of the AI Kit MCP includes:
-
AI context: Motion documentation search and saved transitions, all queryable by your LLM. (Source code for 370+ examples is a Motion+ unlock, see below.)
To install, add the following to your editor's MCP JSON settings:
{
"mcpServers": {
"motion": {
"command": "npx",
"args": ["-y", "https://api.motion.dev/registry.tgz?package=motion-studio-mcp&version=latest"]
}
}
}
The exact process differs by editor, but here are the MCP docs for popular apps:
-
VS Code (search "mcp.json")
Unlock Motion+ features
To enable Motion+ features like the full examples context (source code for every premium example) and your saved transitions, install with your personal access token:
{
"mcpServers": {
"motion": {
"command": "npx",
"args": ["-y", "https://api.motion.dev/registry.tgz?package=motion-studio-mcp&version=latest"],
"env": {
"TOKEN": "<YOUR_TOKEN>"
},
}
}
}
Skills
The AI Kit skills (/motion, /motion-audit, /css-spring, /see-transition) ship via a one-shot installer. First, generate a personal token in your dashboard, then run:
curl -sL "https://api.motion.dev/registry/skills/motion-ai-kit?token=YOUR_TOKEN" -o /tmp/ai-kit.sh && bash /tmp/ai-kit.sh
The script picks which skills to install and writes them to your editor:
-
Cursor
-
Claude Code
-
Windsurf
-
Amp
-
OpenCode
-
Gemini CLI
-
VS Code
Extension
The AI Kit visual transition editor is available as the official Motion Extension on the VS Code Marketplace, and on the Open VSX marketplace for other editors.