Which AI apps work with the Animation Machine MCP server?

Any client that supports remote MCP servers over Streamable HTTP: claude.ai, Claude Desktop and Claude mobile (custom connector), Claude Code, ChatGPT (developer mode connectors), Cursor, VS Code, Windsurf, Cline and others.

Is it a generative AI video model?

No. It renders code: the HTML, CSS and JavaScript animation your AI writes is played frame by frame in a browser and encoded to video, so text, layout and timing come out exactly as written. Music, voiceover and captions are added on top.

One job at a time per account, HTML animations up to 60 seconds, GIFs up to 15 seconds, videos you finish up to 3 minutes, and up to 1080p. Agents wait behind people using the website, so renders stay fast for everyone.

Animation Machine / Video MCP server

REMOTE MCP SERVER · STREAMABLE HTTP · OAUTH

The video MCP server
for Claude, ChatGPT & Cursor

Q: What is a video MCP server?

An MCP (Model Context Protocol) server gives an AI assistant new tools. The Animation Machine MCP server gives Claude, ChatGPT, Cursor and other MCP clients tools to render animations and finish videos, so the AI can hand you a real MP4 instead of code.

Q: Do I need to install anything?

No. It is a hosted remote server. You add the URL https://animation-machine.com/mcp to your AI app and sign in. Rendering happens on Animation Machine's servers, not your computer.

Q: How much does it cost?

It is included in the $5/month Animation Machine plan. Agent renders count toward the same 200 renders per month as the website.

Q: How is it different from a Remotion MCP server?

Remotion MCP servers need a local React project and render on your machine. Animation Machine renders any HTML animation (GSAP, CSS, Lottie, Three.js, canvas) in the cloud and adds music, voiceover, captions and every aspect ratio with no setup.

Your AI already writes great animations. Now it can ship them. Connect Animation Machine and ask for a video: the AI writes the animation, checks a preview frame, renders an MP4 or GIF with music, voiceover and captions, and hands you the link.

https://animation-machine.com/mcp

Connect in 1 minute See example prompts

claude.aiClaude DesktopClaude CodeChatGPTCursorVS CodeWindsurfCline

Included in the $5/month plan · no install · cloud rendering

What it looks like

One sentence in, a finished video out

No exporting, no screen recording, no editing app. The whole loop happens in the chat.

Make a 6-second launch teaser for "Acme Notes 2.0": dark background, bold type, a quick logo reveal. I need it for YouTube and TikTok, with upbeat music.

⚙ preview_frame checked the layout at 3s, looks right
⚙ search_music "upbeat launch"
⚙ render aspects 16:9 + 9:16, music at 60%
⚙ get_job done in about 2 minutes

Here you go: YouTube version (16:9) · TikTok version (9:16). Each also has a share page and an "open in Studio" link. Want captions and a voiceover line too?

How it works

Your AI writes the code. We turn it into video.

Claude, ChatGPT and Cursor are excellent at HTML, CSS and JavaScript animation, but they can't play it back and record it. Animation Machine can.

The AI writes an animation

Plain HTML with GSAP, CSS keyframes, Web Animations, Lottie, Three.js or canvas. Or it picks one of our motion-graphics templates.

It checks and renders

A still preview catches layout mistakes first. Then we play it frame by frame in a real browser and encode a clean MP4 or GIF.

You get the finished file

Music mixed and ducked, voiceover, captions, title cards, logo, every aspect ratio. Download link, share page and Studio link.

Setup

Connect your AI app

Server URL: https://animation-machine.com/mcp. Apps that support OAuth just ask you to sign in. Others use an API key from your account menu → AI agents (MCP).

Open Settings → Connectors and choose Add custom connector.
Name it Animation Machine and paste https://animation-machine.com/mcp.
Click Connect, sign in to Animation Machine, and click Allow.
In a chat, turn the connector on from the tools menu and ask for a video.

No key to copy. It works in claude.ai, Claude Desktop and the Claude mobile apps. Disconnect any time from the account menu → AI agents.

One command. Claude Code opens your browser to sign in:

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

Then run /mcp in Claude Code and choose Authenticate. Prefer a key? Create one in the app and add it as a header:

claude mcp add --transport http animation-machine https://animation-machine.com/mcp \
  --header "Authorization: Bearer am_live_…"

In ChatGPT, open Settings → Apps & Connectors → Advanced and turn on Developer mode.
Choose Create, name it Animation Machine, paste https://animation-machine.com/mcp, and leave authentication on OAuth.
Sign in to Animation Machine and click Allow.
In a new chat, add Animation Machine from the + menu and ask for a video.

Full walkthrough: make videos with ChatGPT.

Add this to ~/.cursor/mcp.json (or the project's .cursor/mcp.json):

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

Create the key in the app: account menu → AI agents (MCP) → Create API key.

Add to .vscode/mcp.json (GitHub Copilot agent mode):

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

Any client that supports remote MCP servers over Streamable HTTP works. Use the URL https://animation-machine.com/mcp and either OAuth (dynamic client registration and client metadata documents are both supported) or the header Authorization: Bearer am_live_….

Clients that only speak stdio can bridge with npx mcp-remote https://animation-machine.com/mcp --header "Authorization: Bearer am_live_…".

Example prompts

Things to ask your AI

Copy any of these into Claude, ChatGPT or Cursor once Animation Machine is connected.

Channel introMake a 5-second animated intro for my YouTube channel "Build Notes": dark navy, the title slides in letter by letter, a soft glow. Render it as an MP4.

Every platformTurn this launch announcement into a 10-second animated video and render it 16:9, 9:16 and 1:1 with upbeat royalty-free music.

Data to videoHere are our Q3 numbers. Make a 15-second animated bar chart that builds up one bar at a time, then render it for LinkedIn (1:1).

Finish my videoI'll upload demo.mp4. Add calm background music, burned-in captions in Spanish, my @handle in the corner, and an end card that says "Try it free".

Speaker cardUse the lower-third template for "Maya Chen, Head of Design" in teal, 5 seconds, and render it.

MilestoneRender the stat template counting up to 10,000 with the label "happy customers", then write me a Post Kit for Instagram.

ExplainerWrite a 30-second animated explainer of how a CDN works with simple shapes and labels, add a friendly voiceover reading the script, and render it.

GIF for docsMake a 6-second looping GIF that shows a toggle switching from off to on, for our README.

Tools

What your AI can call

Eleven focused tools. Read-only tools are marked so clients can run them without asking each time. Every parameter is in the full documentation (also as Markdown for AI agents).

Tool	What it does
`render`	Renders an HTML animation (inline HTML, a multi-file project, or an uploaded zip) or finishes an uploaded video. Options: up to 3 aspect ratios, MP4 or GIF, 720p/1080p, 24/30 fps, music, voiceover, captions in 16 languages, title and end cards, corner text, logo. Returns job IDs.
`render_template`	Polished motion graphics from a few fields: title card, lower third, quote, stat counter.
`preview_frame`	Returns one still frame as an image plus the detected animation length, so the AI can check its work first.
`get_job`	Progress, then a download link (24 h), a shareable watch page and an "open in Studio" link.
`cancel_job`	Stops a queued or running render.
`create_upload`	A one-time upload link for a local zip, video or logo.
`search_music`	Search 500,000 royalty-free CC0 tracks by mood or genre.
`list_voices`	Natural AI voices for voiceovers.
`post_kit`	Looks at a finished video and writes the caption, hooks, hashtags and description.
`list_renders` · `get_account`	Recent renders, plan and limits.

Ideas

What people use it for

🎬

Intros & outros

Channel intros, podcast openers, end cards with your call to action.

📱

Social clips

16:9, 9:16 and 1:1 from one request, ready for YouTube, TikTok, Reels, Shorts and LinkedIn.

📊

Data to video

Animated charts and KPI recaps from numbers you paste in. Great for weekly updates.

🧑‍💻

Product demos

UI walkthrough animations, feature reveals and README GIFs, straight from your code editor.

🎙️

Narrated explainers

Script, animation, AI voiceover and captions in one pass.

🌍

Localized versions

The same video with captions in up to 16 languages.

Compare

How it compares

There are a few ways to get video out of an AI assistant. Here is where Animation Machine fits.

	Animation Machine MCP	Remotion MCP servers	FFmpeg MCP servers	AI video models
Setup	Paste a URL, sign in	Local Node + React project	Local FFmpeg install	API keys per model
Renders where	Our cloud	Your machine	Your machine	Their cloud
Input	Any HTML/CSS/JS animation, or a video	React components	Existing media files	A text prompt
Exact text & layout	Yes, it renders code	Yes	n/a	No
Music, voiceover, captions	Built in	Build it yourself	Manual	Varies
Works in claude.ai & ChatGPT	Yes	No (local only)	No (local only)	Some
Price	$5/month flat	Free + Remotion license for companies	Free	Per second of video

Fair use

Fast for everyone, by design

Limits

One job at a time per account
HTML animations up to 60 seconds
GIFs up to 15 seconds, videos you finish up to 3 minutes
Up to 1080p, 24 or 30 fps
200 renders a month, shared with the website

Security

OAuth 2.1 with PKCE, or revocable API keys
Apps can render and read your renders, nothing else: no billing, no account changes
Animations render in a sandboxed browser with no access to our internal network
Download links are signed and expire after 24 hours

Need 4K, longer videos or a full editor? Use the web app or Studio. Every agent render has an "open in Studio" link.

FAQ

Questions

What is a video MCP server?

MCP (the Model Context Protocol) lets AI assistants use outside tools. A video MCP server gives the assistant tools for making video. Animation Machine's lets Claude, ChatGPT, Cursor and other MCP clients render animations and finish videos, so the AI can hand you a real MP4 instead of a block of code.

Do I need to install anything?

No. It is a hosted remote server. Add https://animation-machine.com/mcp to your AI app and sign in. Rendering runs on our servers, not your computer.

Is this an AI video generator?

Not in the "type a prompt, get random footage" sense. We render code: the HTML, CSS and JavaScript animation your AI writes is played frame by frame in a real browser and encoded to video. Text, brand colors, layout and timing come out exactly as written. Music, voiceover and captions are layered on top.

What kinds of animations work?

Anything that runs in a browser: GSAP timelines, CSS keyframes, the Web Animations API, Lottie, Three.js, p5.js, canvas, SVG, anime.js, and Claude Design exports. If the length can't be detected automatically, the AI can pass duration_seconds or add const TOTAL = 8 to the page.

How much does it cost?

It's included in the $5/month plan. Agent renders count toward the same 200 renders a month as the website. There's no separate API price.

How long does a render take?

Usually one to three minutes for a short animation at 1080p. If someone else is rendering, your job waits its turn and the AI is told when to check back.

Where do the videos go?

Your AI gets a private download link (valid 24 hours), a shareable watch page and a link that opens the video in Studio for final edits. Renders also appear in your history in the app.

How is it different from a Remotion MCP server?

Remotion MCP servers need a local React/Remotion project and render on your machine, so they don't work in claude.ai or ChatGPT. Animation Machine renders any HTML animation in the cloud, works in every MCP client, and includes music, voiceover, captions and multi-aspect output.

Can I revoke access?

Yes. Account menu → AI agents (MCP) lists every API key and connected app with a Revoke or Disconnect button. It takes effect within a minute.

Guides

Keep reading

Give your AI a render button

$5/month, cancel anytime. Then connect from the account menu → AI agents (MCP).

Get started

The video MCP serverfor Claude, ChatGPT & Cursor