How to Create Videos with Claude Code & Remotion (2025 Guide)

Claude Code can now create videos, and the output is surprisingly capable. By installing the new Remotion agent skills, you can prompt Claude to generate, edit, and render videos directly from your terminal. It works by writing React components for individual frames and spawning a local video editor in your browser, giving you granular control over every scene without needing traditional video editing software.

I’ve tested this extensively, and in this guide, I’m going to show you exactly how it works, how to set it up, and whether it’s actually going to replace video editors.

How Does the Remotion Integration Actually Work?

Most people get AI video generation wrong. They assume it’s like Sora or Runway, where a model hallucinates pixels to create a video file. That is not what is happening here.

This workflow combines Claude Code (or similar tools like Open Code) with Remotion. instead of generating pixels, Claude is generating code.

Specifically, Claude writes React components that represent the individual frames of your video. If you have a 5-second video running at 30 frames per second, you are essentially managing 150 frames of code. Claude codes the frames, assembles them, and presents them in a local browser-based editor.

This is where it gets interesting: because it's code, it's editable. You aren't stuck with a final MP4 file you can't touch. You have a full project environment where you can fix specific text boxes, swap assets, or tweak animations just by asking.

How Do You Set Up Claude Code for Video?

The setup is straightforward, but you need to follow a specific order to get the environment running correctly. You need two main components: the Remotion skills and a project folder.

1. Install the Remotion Skills

First, we need to give Claude the "instructions" on how to use Remotion. Copy and paste this command into your terminal:

npx -y @remotion/agent-skills@latest install

When you hit enter, it will ask you which agent to install the skills for (choose Claude Code) and the scope. I suggest installing it globally so you can use it across different projects.

2. Initialize the Project

Next, create the actual folder where your video code will live. Run this command:

npm init video

Follow the prompts:

• Select a Blank project.
• Open it in VS Code (or Cursor) when prompted.

3. Start the Development Server

Before you start prompting, you need the browser editor running. Open a new terminal inside your project folder and run:

npm i
npm run dev

This will spin up the local server (usually at localhost:3000). Once that's live, you can fire up Claude Code in a separate terminal and start building.

How Do You Generate a Video from a URL?

One of the most powerful applications I’ve found is pointing Claude at a URL and telling it to make an explainer video.

I tested this with the GSD (Get Shit Done) GitHub repo—a framework for Claude Code apps I've been using lately. I didn't write a script. I simply told Claude:

"Create a 20-second video using the Remotion skills highlighting the features of this GitHub repo [URL]."

Here is what Claude did on its own:

1. Scraped the page to understand the context and features.
2. Planned the scenes: It proposed a 5-slide breakdown (Hero intro, Context, Architecture, Workflow, CTA).
3. Wrote the code: It generated the React components for the animations.

Pro Tip: Always put Claude in Plan Mode first. Don't try to one-shot the code.

I want to see its thinking process before it starts writing React components. In my test, it correctly identified the key selling points of the repo and suggested a "typewriter effect" for the intro text. The first pass took about 5 minutes to generate. If I had to build that from scratch in After Effects without a motion graphics background, it would have taken me hours.

How Do You Edit Specific Scenes?

This is the functionality that separates Remotion from standard generative AI video. In a typical AI video tool, if the text is wrong, you have to re-roll the whole video and hope for the best. Here, you just edit the code.

I ran a test creating a video about NBA news. The output was good, but in Scene 3, the "MVP Race" text box was overlapping with the "MVP Ladder" text box. It looked sloppy.

Instead of regenerating the video, I just told Claude:

"In scene three of the NBA report, the MVP race slide, the two text boxes are overlapping. Fix that."

Because Claude understands the codebase it just created, it went into that specific component, adjusted the CSS/positioning logic, and the change populated in my local browser instantly.

You can also feed it assets. For the GSD video, the logo initially wasn't quite right. I took a screenshot of the actual logo, dropped it into the chat, and said, "Use this asset instead." It updated the code to frame the image, added a border, and integrated it into the scene in under 60 seconds.

Will This Replace Video Editors?

The short answer is no. This tool just dropped, and it’s not going to replace a high-end motion graphics artist or a seasoned video editor yet.

However, the longer answer is that it significantly raises the floor for people who have zero video skills.

I created a professional-looking, animated explainer video in about 20 minutes. If I had to learn the software and do it manually, we are looking at a 20-hour project. For developers, founders, or content creators who need to ship fast explainers or social clips, this eliminates the friction of hiring an editor for simple tasks.

FAQ

Can I use my own images and videos inside Remotion?

Yes. You can drop assets directly into the project folder or paste them into the Claude Code interface. You can even tell Claude to go out to the internet and find relevant assets for you, which it will download and incorporate into the scenes.

Do I need to know React to use this?

Technically, no. You can control everything through natural language prompting. However, having a basic understanding of code helps if you need to debug something manually or understand the project structure that npm init video creates.

Is the Remotion agent free to use?

The Remotion skills and framework are open source. However, you are paying for the API usage of the model you are using (Opus 4.6 or similar) to generate the code. The cost is negligible compared to hiring an editor, but it’s not zero.

Summary

If you are using Claude Code, you should be installing the Remotion skills today. It turns your terminal into a production studio.

1. Install the skills globally to enable video generation capabilities.
2. Use Plan Mode to let Claude structure the narrative before it writes code.
3. Iterate with prompts to fix specific visual bugs rather than regenerating from scratch.

I’m hosting a free webinar this Saturday regarding how to actually monetize these kinds of AI skills. If you want to go deeper, check the link in the comments to register.