MCP server for motionprompts.dev: GSAP and WebGL motion components your AI agent can plan pages with, compose without conflicts and rebuild from validated prompts.
Setup
Choose your client, copy the config, then fill in any required environment variables.
Local
claude mcp add motionprompts -- npx -y motionprompts-mcp~/.codex/config.toml
[mcp_servers.motionprompts]
command = "npx"
args = ["-y", "motionprompts-mcp"]
# codex mcp add motionprompts -- npx -y motionprompts-mcp~/.cursor/mcp.json
{
"mcpServers": {
"motionprompts": {
"command": "npx",
"args": [
"-y",
"motionprompts-mcp"
]
}
}
}.vscode/mcp.json
{
"servers": {
"motionprompts": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"motionprompts-mcp"
]
}
}
}~/.gemini/settings.json
{
"mcpServers": {
"motionprompts": {
"command": "npx",
"args": [
"-y",
"motionprompts-mcp"
]
}
}
}claude_desktop_config.json
{
"mcpServers": {
"motionprompts": {
"command": "npx",
"args": [
"-y",
"motionprompts-mcp"
]
}
}
}.trae/mcp.json
{
"mcpServers": {
"motionprompts": {
"command": "npx",
"args": [
"-y",
"motionprompts-mcp"
]
}
}
}Remote
claude mcp add --transport http motionprompts https://motionprompts.dev/mcp --header 'Authorization: <AUTHORIZATION>'~/.codex/config.toml
[mcp_servers.motionprompts]
url = "https://motionprompts.dev/mcp"
http_headers = { Authorization = "<AUTHORIZATION>" }
# codex mcp add motionprompts --url https://motionprompts.dev/mcp~/.cursor/mcp.json
{
"mcpServers": {
"motionprompts": {
"url": "https://motionprompts.dev/mcp",
"headers": {
"Authorization": "<AUTHORIZATION>"
}
}
}
}.vscode/mcp.json
{
"servers": {
"motionprompts": {
"type": "http",
"url": "https://motionprompts.dev/mcp",
"headers": {
"Authorization": "<AUTHORIZATION>"
}
}
}
}~/.gemini/settings.json
{
"mcpServers": {
"motionprompts": {
"httpUrl": "https://motionprompts.dev/mcp",
"headers": {
"Authorization": "<AUTHORIZATION>"
}
}
}
}claude_desktop_config.json · Customize › Connectors › Add custom connector
{
"mcpServers": {
"motionprompts": {
"command": "npx",
"args": [
"-y",
"mcp-remote",
"https://motionprompts.dev/mcp",
"--header",
"Authorization:<AUTHORIZATION>"
]
}
}
}.trae/mcp.json
{
"mcpServers": {
"motionprompts": {
"url": "https://motionprompts.dev/mcp",
"headers": {
"Authorization": "<AUTHORIZATION>"
}
}
}
}