remotion-mcp (v2.0.0)

Create Remotion videos from multi-file React projects with props-first composition design.

https://remotion.mcp.fast/mcp
Powered by github.com/mcp-use/mcp-use GitHub stars

Installation Guide

Choose your preferred MCP client

Install in Claude Code

Run this command in your terminal:

claude mcp add --transport http "remotion-mcp" https://remotion.mcp.fast/mcp

Install in Cursor

Click the button below to add this MCP server to Cursor:

Open in Cursor

Or add manually: Settings → MCP → Add server

Install in VS Code

Click the button below to add this MCP server to VS Code:

Open in VS Code

Or add manually: Settings → MCP → Add server

Install in VS Code Insiders

Click the button below to add this MCP server to VS Code Insiders:

Open in VS Code Insiders

Or add manually: Settings → MCP → Add server

Connect with ChatGPT

  1. Enable Developer Mode: Settings → Connectors → Advanced → Developer mode
  2. Import this MCP server: Go to Connectors tab and add: https://remotion.mcp.fast/mcp
  3. Use in conversations: Choose the MCP server from the Plus menu

Primitives

Tools (9)

read_me

IMPORTANT: Call this FIRST. Returns the guide overview and lists all available rule tools.

rule_react_code

Project code reference: file structure, supported imports, component/props patterns

rule_remotion_animations

Remotion animations: useCurrentFrame, frame-driven animation fundamentals

rule_remotion_timing

Remotion timing: interpolate, spring, Easing, spring configs, delay, duration

rule_remotion_sequencing

Remotion sequencing: Sequence, delay, nested timing, local frames

rule_remotion_transitions

Remotion transitions: TransitionSeries, fade, slide, wipe, flip, duration calculation

rule_remotion_text_animations

Remotion text: typewriter effect, word highlighting, string slicing

rule_remotion_trimming

Remotion trimming: cut start/end of animations with negative Sequence from

create_video

Create or update a video. The `files` param is a JSON string (not an object) mapping file paths to source code. Pass it as: files: JSON.stringify({"/src/Video.tsx": "...your code..."}). For edits, only include changed files — previous files are preserved automatically.

Resources (1)

ui://widget/remotion-player.htmlremotion-player

Remotion video player