THE IDEA
Here’s what you need to know.
Remotion has an official Claude Code plugin that helps Claude create and edit video projects through React code. It can build cuts, captions, punch-ins, headlines, graphics, and layouts, then update them when you ask for changes. This happens inside a local Remotion project, not ordinary Claude Chat, and you still need to review the pacing, caption accuracy, and final export.
See the visual breakdown
Official Claude Code plugin
Claude Code + Remotion
Remotion's official plugin teaches Claude Code how to create and edit video projects with React. Claude changes the code, Remotion Studio shows the result, and you approve the final render.
Cuts and pacing
Build a timeline from your footage and revise trims through code.
Punch-ins and motion
Add zooms, transitions, layouts, and animated emphasis.
Captions and headlines
Style accurate subtitles and on-screen hooks from a transcript.
Prompted revisions
Ask Claude to change the React code, then review the update in Studio.
- 1
Install the official plugin
- 2
Create a local Remotion project
- 3
Add footage and an accurate transcript
- 4
Review the edit in Remotion Studio
- 5
Approve revisions and render
Cuts
No clipped words, awkward jumps, or missing context.
Captions
Every word is accurate, readable, and timed correctly.
Motion
Zooms and transitions support the point instead of causing a headache.
Claims
Headlines do not invent facts or promise results the video cannot prove.
Official links
- Open
Claude download
Install the Claude desktop app and access Claude Code on your computer.
- Open
Remotion Claude Code plugin
The official installation and usage instructions from Remotion.
- Open
Plugin source
Review the official remotion-dev plugin repository before installing it.
- Open
Remotion Agent Skills
The official skills for captions, rendering, motion, media, and Remotion best practices.
- Open
Remotion setup
Create a project, start Remotion Studio, and learn the basic workflow.
- Open
License and pricing
Check Remotion's current commercial terms before using it for paid client work.
PUT IT INTO PRACTICE
Follow the steps.
Tick off each step as you go. Your progress is saved on this browser.
- STEP 01
Download Claude if you do not already have it. The Remotion plugin runs in Claude Code, so use the Code workspace rather than a normal chat.
- STEP 02
Open a terminal and run these two official commands. Restart Claude Code after installation so it loads the plugin and its skills.
claude plugin marketplace add remotion-dev/claude-code-plugin claude plugin install remotion@remotion
- STEP 03
Open a new folder in Claude Code and ask it to create a blank Remotion project. You can also use Remotion's official setup command yourself.
Create a new blank Remotion project in a folder called social-video. Install the official Remotion Agent Skills, start Remotion Studio, and tell me the local preview URL. Do not create the edit yet.
- STEP 04
Put the video in the project's public folder so Remotion can use it. Add an accurate transcript or caption file when possible. Claude cannot make perfect cuts or captions from context it does not have.
- STEP 05
Tell Claude the output format, audience, pacing, caption style, and what must stay accurate. Ask for a plan before it changes the timeline.
Use the Remotion plugin to turn public/source-video.mp4 into a polished 9:16 social edit. Keep the speaker's meaning accurate. First inspect the media duration and create an edit plan with proposed cut points. If you cannot read the spoken audio reliably, stop and ask me for a transcript. After I approve the plan: remove clear dead air and repeated takes, add restrained punch-in zooms for emphasis, create accurate word-timed captions from the approved transcript, add short on-screen headlines for the main points, and keep all text inside mobile-safe margins. Use clean transitions only when they help the story. Do not invent words, claims, footage, or results. Show the complete edit in Remotion Studio and wait for my approval before rendering.
- STEP 06
Play the full edit. Check every cut, caption, headline, zoom, transition, and safe margin. Tell Claude exactly what to change, then watch the updated version before exporting.
Revise the current Remotion edit with these changes: [LIST CHANGES WITH TIMECODES]. Keep everything else unchanged. Show me the updated Studio preview and summarize the code sections you changed. Do not render until I approve it.
- STEP 07
Once the Studio preview is right, ask Claude to render the final file. Check the exported video from beginning to end before posting it.
Render the approved composition as a high-quality MP4. Save it in the out folder with a clear filename. When it finishes, tell me the exact file path, resolution, frame rate, duration, and file size.
A FEW THINGS THAT HELP
Get more out of it.
- Remotion is a code-based video framework. Claude edits the project code, while Remotion Studio gives you the visual preview.
- Replace make it viral with a real brief: audience, platform, length, pacing, caption style, and desired action.
- Give Claude an approved transcript for accurate captions and better cut decisions.
- Use timestamps when requesting revisions. It is much clearer than saying fix the bit near the middle.
- Review Remotion's license and pricing terms before using it for commercial client work.