@Smartpigai: https://x.com/Smartpigai/status/2073753428212478384
Summary
This is a detailed tutorial on how to create Chinese self-media videos using Claude Code and the Remotion framework. Users only need to provide ideas and prompts, and the AI handles setting up the environment, writing code, generating voiceovers, and rendering the final MP4 video. The tutorial covers the complete process from pipeline setup and script writing to video generation and adjustments.
View Cached Full Text
Cached at: 07/06/26, 12:12 PM
Claude + Remotion for Self-Media Videos · The Most Detailed Tutorial Online
You don’t need to write a single line of code. You use an AI that can operate your computer (like Claude Code) — just tell it what you want by speaking or typing. It handles setting up the environment, writing code, generating voiceovers, and rendering the final video. This guide teaches you only one thing: how to give prompts.
What is this combination
-
Claude: The AI running inside Claude Code that can operate your computer, write code, and execute commands.
-
Remotion: A framework that “makes videos with code” (turns React into video frames).
-
Combined: You say an idea → Claude uses Remotion to produce a self‑media video (MP4) with voiceover.
Suitable content: Knowledge explainers, news commentary, product recommendations, software tutorials, history/humanities, listicles — content with script + voiceover + animated graphics and text, no need for a real person on camera.
The entire workflow is just 3 types of prompts
- Set up the pipeline — do it once
- Make each video — 2 steps per episode: get the script first → then the video
- Tweak — if you’re not satisfied, ask Claude to change it
1. Set up the pipeline (do it once)
Create a new empty folder, then say in Claude Code:
Help me build a “Chinese voiceover video” project using Remotion + Edge TTS. Landscape 1920×1080, video length follows the voiceover, auto‑subtitles at the bottom, dark background. I’m in China, use domestic mirrors for dependencies so it doesn’t get stuck. When it’s ready, render a minimal example so I can see the result.
Claude will install the environment, write the code, and make it work. You just need to answer its questions and authorize it to run install commands.
After this step, you’ll have a reusable “template project” — every future episode is built right here.
2. Make each video (2 steps per episode)
Step 1: Get the script (review the draft before rushing to produce)
Make a video about [topic] for [audience], to be posted on [platform], roughly [duration] long. Break it into 6–8 segments; each segment should have a conversational voiceover script + visual design. Show me the storyboard first; I’ll confirm it before we proceed.
Why review the script first: The script is the soul of the video — if the script is wrong, the finished video is wasted.
Step 2: Get the video (after script confirmation)
Generate the voiceover from the script above and render it into an MP4.
Claude automatically: generates voiceover → builds visuals → renders. In about ten minutes you’ll have an MP4.
3. Tweak (watch it and say what you don’t like)
Speak plainly, one or two changes at a time:
You want to say:
- A segment is too long → “Streamline segment 3 to one sentence”
- Change to portrait → “Switch to Douyin vertical 1080×1920 and re‑render”
- Change the voice → “Use a steady male voice” / “a more lively female voice”
- Change the color scheme → “Change the color palette to warm tones”
- Change a visual → “Replace the card in segment 4 with a timeline”
- Add an intro → “Add a 3‑second brand intro, use it for every episode”
🎙 How to describe the voice
The voiceover can be male or female — just tell Claude the feeling you want in plain language, and it will pick an appropriate voice.
| Feeling you want | Say it like this |
|---|---|
| Female, warm | “Warm and natural female voice” |
| Female, lively | “Lively young female voice” |
| Female, gentle | “Gentle and healing female voice” |
| Male, steady | “Steady male voice” |
| Male, professional | “Professional news‑anchor male voice” |
| Male, youthful | “Young and energetic male voice” |
| Not sure | “List the available Chinese voices, describe each in plain language, I’ll choose” |
You can also fine‑tune: “Speed up the speech by 10%”, “Make the voice more stable”, “Give it more emotion”.
You never have to remember the names or IDs of voices — just describe the feeling.
The 5 elements that make your prompt work the first time
When giving a “make a video” prompt, be sure to include all five:
Topic + Audience + Platform + Duration + Style
Example: “Make an introductory time management video for beginner office workers, post it on Douyin, about 90 seconds, light and practical style.”
A universal opening prompt (save this)
I use Claude Code to make self‑media videos. Use Remotion to create a video about [topic], audience [audience], posted on [platform], about [duration], [light/professional/…] style. Use a voice that is [natural description, e.g. “warm female voice”].
Please: 1. Show me a storyboard first (I’ll confirm) → 2. Generate the voiceover → 3. Render the MP4. If you need to install anything or run commands, ask me first.
Common situations
| Situation | What to say |
|---|---|
| Don’t know what topic to choose | “Help me come up with 5 topic ideas for short videos in [your field]” |
| Script isn’t good enough | “Rewrite this section to be more conversational and suitable for short videos; give me several versions” |
| Want to batch produce | “Use this template to make 3 episodes at once, topics A/B/C” |
| Multi‑platform distribution | “Render both a landscape version (Bilibili) and a vertical version (Douyin) at the same time” |
| Need commercial monetization | “This episode will be used commercially. Re‑generate the voiceover with a clearly licensed voice.” |
| Video got restricted after posting | “Check: did you tick the ‘AI‑generated content’ label when uploading? (regulated from 2025)” |
To sum it up
- (Once) Have Claude set up the pipeline with Remotion
- (Each episode) Provide [topic + audience + platform + duration + style] → request script → confirm → request video
- (Tweak) Make one or two changes in plain language → see the result → adjust again
Your only job is to think clearly + communicate clearly. Claude does the rest.
Similar Articles
@Zesee: https://x.com/Zesee/status/2072417062165635433
This article introduces how to combine the Codex AI programming agent and the Remotion video rendering library to code and modularize the video production process, enabling daily updates for self-media creators. The author shares a complete methodology from script structure and template design to daily workflow, helping creators free themselves from repetitive labor and build a video production pipeline.
@Easycompany333: Compiled 6 Claude Skills for video that you can try directly: 1. HyperFrames – generate animated video with one sentence. Articles, tweets, product intros can all become MP4. Suitable for product promotion, tutorial openers, short social videos. https://github.com/heyg…
Compiled 6 Claude Skills for video that can be used directly, covering auto-generated animated videos, AI-assisted rough cuts, React component rendered videos, multimedia generation toolbox, Chinese editing agent, and video prompt writing open-source tools.
@Smartpigai: Every time someone asks me 'What tools do you use for content / video / material management?', I can't be bothered to explain again. Here's a one-time comprehensive list — save it yourself: 1. Video editing (make videos with code) https://github.com/remotion-dev/remotion… 2. Speech-to-text / meeting minutes…
A post compiling multiple open-source tools for content creation, including video editing, speech-to-text, AI drawing, media processing, etc., emphasizing free and open-source and the ability to build your own system.
@yunxi0623: https://x.com/yunxi0623/status/2075532304529920468
Introduces 6 video processing tools (HyperFrames, FFmpeg, OpenMontage, Remotion, Video-Use, Manim) for AI coding agents (such as Codex, Claude Code, Cursor), covering scenarios from converting images/text to video, compression/transcoding, to educational animations, along with selection recommendations and installation guide.
@GitTrend0x: Claude Code can now edit videos too! This SKILL is 100% free and open source. ✓ Automatically create animations ✓ Generate subtitles in different styles ✓ Remove silence, errors, and filler words https://github.com/browser-use/video-us…
video-use is a 100% open-source tool that lets Claude Code edit videos automatically by removing filler words, adding subtitles, color grading, and generating animations. It integrates with Claude Code via a skill and uses ElevenLabs for transcription.