Remotion and Claude Code: What It Can and Can't Do in 2026

Remotion lets you make videos with React code, and Claude Code writes that code for you. As of 2026, Remotion publishes its own Agent Skills for coding agents, and the setup takes five commands and a few minutes. The video takes longer: one founder who made a 50-second launch video this way titled his write-up "it took ~100 prompts, not 1" and put the total at "roughly a week." This guide walks through the real Remotion Claude Code workflow, what Remotion costs a company, where the approach breaks down, and when it's the right tool.

The Remotion Claude Code setup, step by step

Remotion's own guide, Prompting videos with coding agents, lists the steps. You need Claude Code (or another coding agent) and Node.js. As the page notes, "Most coding agents require a paid subscription."

1. Create a blank project.

npx create-video --yes --blank my-video
cd my-video

2. Install the Remotion Agent Skills.

npx remotion skills add

The skills are Markdown instructions that teach the agent Remotion's best practices. Remotion's skills page also lists a second way to install them, npx skills add remotion-dev/skills, and the source is on GitHub. The page lists skills such as /remotion-best-practices ("This skill encompasses all other skills"), /remotion-create, /remotion-markup (compositions, animations, layout, typography, timing), /remotion-studio, /remotion-render and /remotion-captions.

3. Start the preview.

npm run dev

This starts the preview in Remotion Studio, where you scrub through the video as Claude changes it.

4. Start Claude Code in a second terminal.

cd my-video
claude

Then prompt the video. Remotion's skills page gives examples like "Make a promo video for a record store."

5. Render.

In Studio, click Render. Or use the CLI:

npx remotion render

Leave out the composition ID and Remotion shows a picker. You get an MP4 you can post.

Using your own screen recording

A launch video should show your product, not a recreation of it. Put your recording in the project's public/ folder and load it with staticFile(), which "Turns a file in your public/ folder into an URL." Play it with <OffthreadVideo>, which during rendering "extracts the exact frame from the video" using FFmpeg, so frames line up.

import { OffthreadVideo, staticFile } from "remotion";

export const Demo = () => (
  <OffthreadVideo src={staticFile("recording.mp4")} />
);

Then ask Claude to trim it, zoom into the part that matters and put titles around it. Without footage, Claude rebuilds your UI by hand in TSX, which is more work and drifts from the real product.

What a real Claude Code video run looks like

One of the most detailed accounts is a post on r/ClaudeAI by a founder whose team went through YC. Its title: "claude code wrote every line of our 50s launch video in remotion. it took ~100 prompts, not 1."

He's clear that the tool works: "claude code wrote every single line of TSX. that part is real, and the workflow is actually incredible." Then the other side, in his words:

• "the first few iterations all looked like a powerpoint"
• "one of the scenes (the moment a canvas of expert agents fans out) got rebuilt from scratch on day 2. claude kept doing close-but-not-quite for hours"
• ""make scene 3 punchier" required first defining what 'punchier' meant in code. claude knows react. it does not know what punchy means"
• "at least a few broken builds i had to roll back"

What worked for him: "writing a detailed creative direction doc first, like you'd brief a designer", "asking claude to explain the plan before writing code", and "iterating scene-by-scene instead of "regenerate the whole thing"". In a reply he says the doc covered "act timing, voiceover script, visual environment per scene, typography, color palette," and that it took "probably 30 iterations on its own before claude wrote any code."

His conclusion: "it is NOT a 5-minute job." And on how the output looks: "the visuals you get from claude in 5 prompts will look like every other AI demo."

Note that he also says he "used to work on a lot of animations pre-AI," so animation in code was "second nature" to him. A week was his number with that background.

Where Claude Remotion projects break down

The code is the easy part. These are the hard parts.

Taste

Claude doesn't know what "punchy" or "premium" means for your brand, so it falls back on safe defaults. Getting past them takes a written creative direction: references, type, color, the feeling of each scene. If you can't write that doc, more prompts won't fix it. Our design styles and motion pages list words that make those briefs more precise.

Timing

Video is timing. In Remotion every animation is a frame number or a spring, and Claude writes them without seeing the result. You watch the preview, describe what feels off ("the title lands too late"), and it guesses new numbers. A beat that takes an editor a second to nudge can take several prompt rounds.

Prompt rounds and regressions

Each change is a prompt, a code change and a re-check. Across a full video that adds up, and the thread's author warns against "trusting claude to retain context perfectly across 50+ scene changes." He also recommends "git diffing each iteration." Commit after every scene you're happy with so you can roll back.

Everything around the picture

Remotion renders what you code. The script, the voice-over, the music and the sound design are still yours to write, record or choose, and to line up in code. If you need versions for vertical, square and wide feeds, each layout is more work.

Remotion licensing for companies

Remotion's source is on GitHub, but it isn't free for every company. Its LICENSE.md says you can use it for free, commercially too, if you are:

• an individual
• "a for-profit organization with up to 3 employees"
• a non-profit or not-for-profit organization
• evaluating it and "not yet using it in a commercial way"

The license FAQ counts "total headcount": "Even if you are incorporated, you can operate under the Free License, as long as your total headcount is 3 or less."

At four or more people you need a Company License. The pricing page lists:

• Remotion for Creators: "$25/mo per seat," for "low volume video creations through coding and prompting." A founder making their own launch video would most likely fall here.
• Remotion for Automators: "$0.01 per render, $100/mo minimum," for apps that generate videos automatically.
• Enterprise: "Starting at $500 per month."

The license file also says it "will slightly change" in Remotion 5.0, so check it again if you're reading this later. If an agency makes the video and hands you only the file, the FAQ says your headcount doesn't count toward theirs; if you own or work on the same Remotion project, both headcounts are added together.

When Remotion is the right choice

Remotion is very good at things a one-off editor can't do. It's the right pick when:

• The video is a template. Same layout, different data: changelog videos, weekly stats, personalized videos per customer. Remotion's pricing page pitches exactly this: "Use parametrization to create personalized videos for your customers."
• Video is part of your product. You render videos inside your app or pipeline.
• You want full control of every frame and you're fine owning the code.
• You or someone on the team has motion skills and wants a code workflow instead of After Effects.
• You're making a series. Building a design system once pays off over many videos.

If that's you, the steps above are the way in, and a written creative brief is what separates good results from the default look.

When to hand the recording to the Director instead

If what you need is one launch video, built around your real product, by a date, the week of prompting is the expensive part. That's what Demo Editor is for. It's a Remotion alternative for this one job, not for templated video.

You upload your screen recording, your landing page URL and a few screenshots. The Director reads your site, watches the recording, picks the seconds worth showing and writes a storyboard you can correct before anything is made. About 20 minutes later you get a finished teaser, hook, pitch or demo with voice-over, music and sound, and a file for every feed. You change it by asking in a sentence. There's no code and no timeline.

It's the wrong pick when you need a template that renders a thousand variations, video inside your product, or control over every frame. Use Remotion for those.

	Remotion + Claude Code	Demo Editor
Best for	Templated, programmatic or fully custom video	One finished launch video from your recording
You provide	A creative brief, prompts, review of every change	A screen recording, your URL, screenshots
Voice-over and music	You source them and wire them in	Included
Output	Whatever you code	Teaser, hook, pitch or demo, a file per feed
Cost	Your agent subscription; Remotion is free up to 3 people, then from $25/mo per seat	$49 for 4 videos, one-time

Frequently asked questions

Can Claude Code make videos with Remotion?

Yes. Claude Code writes the React code that Remotion renders into an MP4, and Remotion's docs include a guide, Prompting videos with coding agents, plus official Agent Skills you install with npx remotion skills add.

Is Remotion free?

Yes, for most solo founders and small teams. Remotion's license makes it free for individuals, for-profit companies with up to 3 employees, non-profits, and anyone still evaluating it. At four or more people you need a Company License, which starts at $25 a month per seat on the Remotion for Creators plan.

Do you need a paid subscription to use Claude Code with Remotion?

Usually yes. Remotion's own guide notes that "Most coding agents require a paid subscription," and that cost comes on top of any Remotion license.

How long does it take to make a launch video with Remotion and Claude Code?

About a week, in one detailed account. A founder on r/ClaudeAI made a 50-second launch video this way and described it as "~100 prompts, not 1" and "roughly a week," even with a background in animation.

Can Remotion use my own screen recording?

Yes. Put the recording in the Remotion project's public/ folder, load it with staticFile() and play it with <OffthreadVideo>, which extracts exact frames during rendering.

Why do Claude Code Remotion videos look generic?

Claude Code falls back on safe defaults because it doesn't know what "punchy" or "premium" means for your brand. A written creative direction (references, type, color, the feeling of each scene) is what gets a Remotion video past the default AI look.

What is a Remotion alternative for a single launch video?

Demo Editor is one alternative when you need one launch video cut from your real screen recording. You upload the recording, your landing page URL and a few screenshots, and about 20 minutes later get a finished teaser, hook, pitch or demo with voice-over and music, from $49 for 4 videos. Remotion stays the better pick for templated video, video inside your product, or control over every frame.

If you haven't recorded yet, our Screen Studio alternatives post compares recorders on Mac, Windows and Linux. If the video is for YC, see how to make your YC application video. And our FAQ answers "Why not make it myself with Claude and Remotion?"