Remocn MCP Server: a hosted MCP for building Remotion videos in Claude Code, Cursor and Codex

Last updated: November 9, 2026

The Remocn MCP server is a hosted MCP server for making videos with Remotion. Add https://remocn.dev/mcp to Claude Code, Cursor, Codex or any other MCP client, with no API key and no account, and your agent can search Remocn's Remotion components, read their docs, plan a video beat by beat and preview a component.

It is read-only and it does not render video. Your agent writes the Remotion code in your own project, and you render it with Remotion as usual.

What the Remocn MCP server does

Remocn is a shadcn-style registry of Remotion components: text animations, transitions, backgrounds, shaders, app-screen simulations, icons and full video templates. You install a component with npx shadcn@latest add @remocn/<name>, and its source is copied into your project.

The MCP server gives an agent the catalog half of that work: which component fits a beat, what props it takes, how many frames its motion lasts, and the command that installs it. A typical session looks like this:

1. plan_video turns a brief such as "30-second launch video for our CLI" into a storyboard with a suggested component for each beat.
2. search_components finds alternatives when a beat needs something else.
3. get_component returns one component's docs before the agent writes code against its props.
4. The agent runs the install command in your Remotion project and writes the composition.

Tools

When a name doesn't match, get_component and preview_component answer with the closest component names instead of an empty result.

Example: search_components

{ "query": "typewriter headline", "limit": 2 }

2 Remocn components for "typewriter headline". Lengths are frames of motion @30fps — a floor for the Sequence, add hold on top.
 
- `typewriter` — Typewriter (typography · clean · 120f · remocn)
  Use: Simulating a command being typed into a terminal or input — pairs with `terminal-simulator`.
  Avoid: The text is long — typing a paragraph at a readable speed eats far more frames than a viewer will wait; use `staggered-fade-up` or `blur-out-up` instead.
  Docs: https://remocn.dev/docs/typography/typewriter.md · Install: `npx shadcn@latest add @remocn/typewriter`
- `comet-headline` — Comet Headline (typography · premium · 81f · remocn)
  Use: A feature announcement where each word of the headline should be delivered with a trailing light.
  Avoid: The headline is a single short word - use `spring-scale-in`.
  Docs: https://remocn.dev/docs/typography/comet-headline.md · Install: `npx shadcn@latest add @remocn/comet-headline`

Example: get_component

{ "name": "typewriter" }

# Typewriter
URL: https://remocn.dev/docs/typography/typewriter
 
Character-by-character text reveal with a deterministic blinking cursor
 
- Install: `npx shadcn@latest add @remocn/typewriter`
- Vibe: clean
- Natural length: 120f @ 30fps
 
## Installation
…props table, usage example, when to use and when not to…
 
Registry dependencies (installed automatically): `@remocn/remocn-ui`, `@remocn/caret`

Example: plan_video

{ "brief": "30-second launch video for our CLI" }

# Video plan: cli-tool-demo (matched: cli)
 
Brief: 30-second launch video for our CLI
 
## Beats
The first component of each beat is the suggested pick; the rest are recipe alternatives.
 
1. **Hook** (0–150f)
   Problem statement or bold positioning line — kinetic word-by-word build, one accent
   Components: `kinetic-center-build`, `inline-highlight`, `shader-dot-orbit`
2. **Agent chat** (150–420f)
   Prompt typed in the matching agent surface; cursor blinks; response or task list begins streaming
   Components: `claude-code`, `opencode`, `v0`, `chat-gpt`, `claude-chat`, `cursor`
3. **Terminal run** (420–900f)
   …
## Install
## Next step
## Recipe: cli-tool-demo
…

Pass durationSeconds to pick the recipe variant closest to the length you want.

Example: preview_component

{ "name": "typewriter" }

Live preview of `typewriter` (Typewriter): https://remocn.dev/embed/typewriter
120f @ 30fps, 1280×720.
Docs: https://remocn.dev/docs/typography/typewriter.md
Install: `npx shadcn@latest add @remocn/typewriter`

How to add the Remocn MCP server

Every client below connects to the same URL over Streamable HTTP. There are no headers or keys to fill in.

Claude Code

claude mcp add --transport http remocn https://remocn.dev/mcp

Add --scope user to make it available in every project. The Remocn plugin bundles this server with the /remocn:video workflow, so if you install the plugin you don't need to add the server separately:

/plugin install remocn --marketplace Remocn/remocn

Claude Desktop and claude.ai

Open Settings → Connectors → Add custom connector, name it Remocn and paste https://remocn.dev/mcp as the URL. Leave the OAuth fields empty.

Cursor

Add the server to .cursor/mcp.json in your project, or to ~/.cursor/mcp.json for every project:

{
  "mcpServers": {
    "remocn": {
      "url": "https://remocn.dev/mcp"
    }
  }
}

VS Code

Add the server to .vscode/mcp.json in your workspace, or run MCP: Add Server from the command palette and pick HTTP:

{
  "servers": {
    "remocn": {
      "type": "http",
      "url": "https://remocn.dev/mcp"
    }
  }
}

Codex

codex mcp add remocn --url https://remocn.dev/mcp

Or add it to ~/.codex/config.toml:

[mcp_servers.remocn]
url = "https://remocn.dev/mcp"

The Remocn plugin for Codex includes the server too.

Other clients

Any client that speaks Streamable HTTP can use https://remocn.dev/mcp directly. For a client that only runs local stdio servers, bridge it with npx mcp-remote https://remocn.dev/mcp.

To check the connection, ask your agent: "Use the Remocn MCP server to find a typewriter text animation." It should call search_components and answer with typewriter.

Does the Remocn MCP server render video?

No. None of the four tools renders frames or produces an MP4, and the server never runs your code. It sends back text: component docs, plans, install commands and preview links.

Rendering happens wherever you run Remotion:

• npx remotion studio to preview the composition in the browser
• npx remotion render <composition-id> to export an MP4
• Remocn Studio, a free desktop app that previews a Remotion project live and exports MP4

Remocn needs an existing Remotion project, and Remotion keeps its own license, which can require a company license for larger teams.

Remocn MCP vs other Remotion MCP servers

Remotion's own hosted MCP server, which searched the Remotion documentation, was shut down on October 26, 2026. Remotion now points agents to its Agent Skills instead. Here is how the options that remain compare.

These don't exclude each other. Remotion's skills answer how Remotion works; the Remocn MCP server answers which component goes on screen and how long it runs. Many setups use both.

When to use the MCP server, the plugin or the skill

• MCP server: you want the catalog in any MCP client, including chat apps with no terminal.
• Plugin: you work in Claude Code or Codex and want the whole workflow: brief, storyboard, install, compose, visual check. It includes the MCP server and the skill.
• Agent skill: your agent loads skills and you want it to know Remocn's timing rules and recipes. It reads the same catalog from /llms-components.txt.

FAQ

What's next

• Installation: add Remocn to an existing Remotion project
• Plugin: the /remocn:video workflow for Claude Code and Codex
• Agent Skill: teach any skill-loading agent to compose videos with Remocn
• Components: every component, grouped by category