The secret is a skill called Remotion. It installs inside Claude Code with one command. No timeline, no keyframes — you just describe the idea in plain words.
Want a promo video? An intro for your channel? It builds it for you from scratch.
And the best part: every edit happens right in the chat. Colors, timing, text, motion. It changes in front of you in seconds.
Which means motion design without learning a single app.
Tip: You don’t need to know React, After Effects, or any design app. Your only job is to know what you want and describe it in words.
Open the terminal in the folder you want to work in and run:
npm create video@latest
It’ll ask you a few questions — pick: the Blank template · TailwindCSS Yes. And as soon as it finishes, it asks whether you want to add Agent Skills — hit Yes.
The Skills are the most important piece — they’re what teach Claude Code the best way to work with Remotion.
If you skipped the option above, go into the project folder and run this command — it installs the official Skills from Remotion:
npx skills add remotion-dev/skills
Once installed, Claude Code gets ready-made commands like /remotion-create and /remotion-markup — they give it full Remotion expertise.
cd my-video
Swap my-video for the project name you chose.
npm run dev
Remotion Studio will open in your browser. Every video you make shows up as a composition in the sidebar — you preview it, tweak it, and render it right there.
Open a new terminal tab (leave the first one running) and type:
claude
Make sure you’re inside the project folder so it can see the Remotion files and edit them.
Write a clear description of what you want. For example:
Make me a 5-second video, black background, the text "Diyaa Albouzan | Tech" appears with a smooth scale animation, then a colored line drops in underneath it
It’ll write the code and add it as a new composition — head back to Remotion Studio and you’ll find it ready.
You never open a timeline. You just type what you want changed:
Make the color amber instead of blue, speed the animation up by half a second, and extend the video to 8 seconds
Keep going until you get the result you want, then render with the Render button inside Remotion Studio.
Animated text, a bar chart, a logo reveal — these come out great on the first try.
State the duration, the color, the type of motion, and the direction. A vague description gets you a vague result.
Save any motion graphics you like in it, and attach them as a reference.
One change per message beats five changes in one go.
Running claude from the wrong folder — you have to be inside the project folder.
Skipping the Skills install option during setup — without them it won’t work properly with Remotion.
Asking for complex scenes on the first try (lots of arrows, hand-drawn illustrations) — that’s the hardest thing for it.
Closing the npm run dev terminal — it has to stay running for you to see the preview.
Nope. Claude Code is the one writing the code. You just describe what you want in words.
Yep, it runs on Windows, Mac, and Linux as long as Node.js and Claude Code are installed.
Claude Code needs a paid Claude subscription. Remotion is free for personal use; companies need a license you should check first.
With the Render button inside Remotion Studio, or ask Claude Code to give you the render command for the terminal.