12 أداة تخلي Claude Code يسوي لك فيديو كامل بالكود: أربع خطوط من الفكرة للملف النهائي12 Tools That Let Claude Code Make a Full Video in Code: Four Lines from Idea to Final File

Key terms

Claude Code

Claude running in the terminal on your computer. It can install tools, write code and run commands itself after you approve.

Render

The moment code or a page turns into an MP4 file you can post.

Word timestamps

The start and end time of every word in the audio. They let captions appear word by word, exactly on the voice.

Open source

Code published for everyone with a licence that lets you use it. Most tools here are MIT, Apache or BSD.

The steps

1. 1

   Step 1

   Set up a project folder and let Claude Code check your machine

   Open a new folder for the video and start Claude Code in it.

   Most of these tools need Node.js, some need Python, and the final file needs FFmpeg. Instead of installing everything by hand, let Claude Code check what you have and list what is missing before it installs anything.

   PromptMachine check

   Copy

   I want to make a short video in code in this folder. Check whether Node.js, Python and FFmpeg are installed and tell me the versions. Do not install anything before you show me the commands and I approve.

   Tip: Keep every video in its own folder so you can come back and edit it without breaking another.

2. 2

   Step 2

   Line one: pick the tool that builds the video

   These tools build the whole video from code:

   Remotion: video in React. Great for templates: change a word or a number and a new video renders. Free for individuals and companies of up to 3 people; bigger companies need a paid licence.

   HyperFrames by HeyGen: write an HTML page, get an MP4. The easiest start if you know a little HTML. Open source.

   Motion Canvas: a TypeScript library for step by step explainer videos where the code itself animates. MIT licence.

   Pick one to start.

   remotion.dev

   

   PromptFirst video

   Copy

   Use [Remotion or HyperFrames or Motion Canvas] to make a vertical 1080x1920 video, [15] seconds long, about [topic]. On screen text: [text]. Colours: [your colours]. Show me the preview command before rendering.

3. 3

   Step 3

   Line two: give the video its look

   These are look tools you place inside the video:

   Three.js: 3D objects in the browser. MIT licence.

   Manim: an animation engine for precise math explainers, equations and graphs. Python, MIT licence.

   Rough.js: makes graphics look hand drawn. MIT licence.

   Ask for one look per video, not all three.

   PromptA look for one scene

   Copy

   In the same project, add a [4] second scene in the [Rough.js hand drawn or Three.js 3D or Manim math] style explaining [idea]. Keep it inside the same video with the same colours.

4. 4

   Step 4

   Line three: motion

   These are the motion libraries:

   GSAP: moves text, numbers and elements with precision. Now free for everyone, thanks to Webflow.

   anime.js: light, springy motion. MIT licence.

   mo.js: small stamps and bursts that catch the eye. MIT licence.

   The rule: one strong move per scene beats ten small ones.

   gsap.com

   

   PromptMotion for numbers

   Copy

   Use GSAP to count the number [number] up from zero, landing on the word [word], then a small mo.js stamp. The move ends before the next sentence starts.

5. 5

   Step 5

   The last line: word by word captions with WhisperX

   WhisperX turns speech into text and gives you the time of every word. Those times make captions land exactly on your voice.

   It runs in Python under a BSD licence. The first run downloads the model, so give it time.

   PromptSynced captions

   Copy

   Run WhisperX on [voice.mp3] in [Arabic] and give me a JSON file with every word and its time. Then use those times so the captions appear word by word. The correct script is: [text]; use its spelling.

6. 6

   Step 6

   Cut silence with auto-editor, carefully

   auto-editor cuts silent parts automatically, measuring silence by audio loudness.

   The catch: if it cuts every pause, the speech sounds choppy and rushed and stops sounding like you. Ask for a margin before and after each sentence, and compare the cut with the original before you keep it.

   auto-editor.com

   

   PromptCut with a margin

   Copy

   Use auto-editor on [raw.mp4] to cut the silence, but keep a small margin before and after each sentence so the speech breathes. Export two versions with two different margins and tell me the difference in length.

   Tip: Always listen to the first 20 seconds of the cut before you continue.

7. 7

   Step 7

   FFmpeg puts it all into one file

   FFmpeg assembles the picture, sound and captions into one MP4 ready to post, and sets loudness and size.

   You don't need to memorise its commands. Ask for the result and Claude Code writes the command.

   PromptFinal file

   Copy

   Use FFmpeg to merge [video.mp4] with [voice.wav]. Set loudness around 14 LUFS, keep the video 1080x1920 under [50] MB, and output final.mp4. Show me the command before running it.

8. 8

   Step 8

   Check the licence before commercial work

   Most tools here are free and open source, but not all on the same terms.

   Remotion is free for individuals and companies of up to 3 people; larger companies need a licence. GSAP is free for everyone. The rest are MIT, Apache, BSD, Unlicense or LGPL.

   If the video is for a client or a company, have Claude Code read the licence of every tool you used.

   PromptLicence check

   Copy

   Read the licence file of every tool we used in this project and give me a table: tool name, licence type, and whether I can use it commercially for a company of [number] people.

Ready prompts to copy

I want a vertical 1080x1920 video, [30] seconds, about [topic]. Build it with [Remotion or HyperFrames], add one scene in the [Rough.js or Three.js] style, and animate with GSAP. The voice is [voice.mp3]: get word times with WhisperX and make word by word captions. Finally assemble the file with FFmpeg. Show me every install command before running it.