Edit your videos with Remotion and Claude Code
Install Remotion, create an editing skill, iterate by prompt. The pipeline to produce videos in code, not on a timeline.
May 24, 2026 Β· 5 min read
Before you start
Remotion is an open-source library that lets you create videos with code (React + TypeScript). Combined with Claude Code, you can ask Claude to edit your videos right from VS Code: captions, transitions, animations, clip assembly.
No more editing software. You describe what you want, Claude writes the Remotion code, and you get your final video back as an MP4.
The Claude AI Lab is my Skool community where I share my Claude systems and the more advanced modules. Entry is free.
Join the Lab βnode --version in the terminal.brew install ffmpeg (Mac) or from ffmpeg.org (Windows).Traditional editing software (Premiere, DaVinci, CapCut) takes time and practice. Remotion turns editing into code, and Claude Code knows how to write code. The result: you describe your video in plain English, Claude edits it.
Install Remotion in your project
npx create-video@latest mon-projet-video. Remotion will create a folder with the whole structure you need.mon-projet-video folder. Claude Code will automatically see every file in the project.npm install. This installs Remotion and all the libraries it needs (React, video codecs, etc.).npx remotion studio to open Remotion Studio in your browser. You'll see a real-time preview of your video. That's where you check the render before exporting.public/clips/ folder in your project and drop your video files in it (.mp4, .mov). Remotion can access them directly in the code.npm install remotion @remotion/cli @remotion/player instead of creating a new project.Create a video editing skill
A skill is an instructions file Claude follows to carry out a recurring task. A SKILL.md file you place in .claude/skills/: it describes step by step what Claude should do when you invoke it. For video editing, the skill tells Claude how to cut the clips, add captions, apply transitions, and render the final video.
.claude/skills/montage-video/.SKILL.md file in that folder. It's the brain of the skill.Trigger β when the user provides video clips and asks for an edit. Steps: 1. Read the clips in public/clips/ β 2. Transcribe the audio with Whisper (if needed) β 3. Create the Remotion React components β 4. Add animated captions β 5. Apply transitions between clips β 6. Render the video with npx remotion render.
Use the skill and improve it
public/clips/. You can also drag them straight into VS Code.npx remotion studio so you can see the result. Watch the render and give your feedback.Example prompts for your edit
Here are some concrete examples you can send to Claude Code to get different types of edits with Remotion.
public/clips/, assemble them in vertical 1080x1920 format, add word-by-word captions in TikTok style (colored background, per-word animation), and render it all as an MP4 of 60 seconds max."public/logo.png) on a purple background, then roll into my clips, and end with an outro showing my handle @quentin_iamarketing. Fade transitions between each clip."output/video-finale.mp4."With every edit, your skill gets richer with your preferences. After 3-4 videos, Claude knows your style by heart: format, colors, transitions, caption placement. Editing becomes almost automatic.
Want to go further?
In the Lab, I share my end-to-end Claude workflows, the ones that save me hours every week.
A dedicated session or program, tailored to your tools and use cases.
And day-to-day, I post one reel a day on Instagram: @quentin_iamarketing