Animation Machine MCP server

Animation Machine MCP Server

Give Claude, ChatGPT, Cursor and other AI apps a render button. Your AI writes an HTML animation; Animation Machine renders it to MP4 or GIF with music, voiceover and captions, in every aspect ratio.

Website · Full docs · Setup · Tools · Example prompts · Guide: videos with Claude

Server URL: https://animation-machine.com/mcp Transport: Streamable HTTP (remote, hosted, nothing to install) Auth: OAuth 2.1 (dynamic client registration or client ID metadata documents, PKCE) or a personal API key Pricing: included in the $5/month Animation Machine plan

This repository holds documentation, examples and the MCP Registry manifest. The server itself is hosted by Animation Machine.

Full reference (every tool and parameter, OAuth endpoints, limits, errors): animation-machine.com/docs/mcp · as Markdown for agents: docs/mcp.md · server card: /.well-known/mcp/server-card.json

What it does

AI assistants are great at writing animation code (GSAP, CSS keyframes, Web Animations, Lottie, Three.js, canvas) but can't play it back and record it. This server lets them:

• Render an HTML animation (inline HTML, a multi-file project, or an uploaded zip) to MP4 or GIF, in 16:9, 9:16 and 1:1 from one request
• Finish a video you upload: royalty-free music, AI voiceover, burned-in captions (16 languages), title and end cards, a corner handle, your logo
• Preview a single frame first, so the AI can check its own work
• Use motion-graphics templates (title card, lower third, quote, stat counter) with no code
• Write a social Post Kit (caption, hooks, hashtags) for the finished video

It renders code, frame by frame in a real browser, so text, numbers, colors and timing come out exactly as written. It is not a text-to-video model.

Setup

claude.ai, Claude Desktop, Claude mobile

1. Settings → Connectors → Add custom connector
2. Name: Animation Machine, URL: https://animation-machine.com/mcp
3. Connect, sign in to Animation Machine, Allow

Claude Code

claude mcp add --transport http animation-machine https://animation-machine.com/mcp

Then run /mcp → Authenticate.

ChatGPT

Settings → Apps & Connectors → Advanced → enable Developer mode → Create → URL https://animation-machine.com/mcp, authentication OAuth → sign in and Allow.

Cursor (~/.cursor/mcp.json)

{
  "mcpServers": {
    "animation-machine": {
      "url": "https://animation-machine.com/mcp",
      "headers": { "Authorization": "Bearer am_live_…" }
    }
  }
}

VS Code (.vscode/mcp.json)

{
  "servers": {
    "animation-machine": {
      "type": "http",
      "url": "https://animation-machine.com/mcp",
      "headers": { "Authorization": "Bearer am_live_…" }
    }
  }
}

Anything else

Any client that speaks remote MCP over Streamable HTTP works. stdio-only clients can bridge with:

npx mcp-remote https://animation-machine.com/mcp --header "Authorization: Bearer am_live_…"

API keys: sign in at animation-machine.com → account menu → AI agents (MCP) → Create API key. Keys can be revoked there at any time, and connected OAuth apps can be disconnected.

Tools

Shortened. The full README is on GitHub.