Remotion
Updated 2026-08-04
Questions this answers
- How can I make polished, animated videos with AI if I'm not a video editor?
- How can I animate product screens or graphics without knowing After Effects?
- Can my coding agent create a launch video for me?
The Fix
Remotion is a framework for making real MP4 videos in React, so the code is the source of truth. Install it in any coding agent (Claude Code, Codex), then describe the video you want in a prompt. The agent writes React that renders to an MP4. Remotion's Agent Skills inject best practices into the agent, and Remotion Studio lets you make drag-and-drop tweaks that save back to code.
When to Use It
Remotion is good for animated charts, Venn diagrams, web graphics, and launch videos. The Anthropic team has used it to announce features and to animate slides from conference talks. The best prompting move is to hand the agent an inspiration image first with minimal instructions, then iterate. Front-loading detail just invites misinterpretation. Feed it real data if you want accurate charts. Expect more effort for complex hand-drawn or arrow-heavy designs. The agent can't ingest a video directly (it pulls frames with FFmpeg to reference a clip), and polished results still assume you know the tools and can spend real time. Note Remotion's license, which requires a company license in some cases.
In the Wild
Lots of people asked how I used Fable to edit its own launch video so I made a video about that! TLDR it wrote a lot of code & tool calls to use transcription services, ffmpeg, do colorgrading, use the figma mcp, make remotion UI and render it. I didn't touch a video editor.
Thariq from Anthropic edits a fully produced video end-to-end in Claude Code using Remotion.
XDA Developers
xda-developers.com
Breaks down Thariq's process: 11 PNGs rebuilt as React components, animations timed to each spoken word, with a Figma round-trip.
Best Practices
Remotion docs
remotion.dev
The canonical getting-started path: install an agent, scaffold with create-video, and prompt your first video.
Remotion docs: Agent Skills
remotion.dev
Skills define best practices for the agent; install with npx skills add remotion-dev/skills.
Louise de Sadeleer on Substack
louisedesadeleer.substack.com
A non-developer's real workflow: drag in an image, prompt minimally, then iterate in plain English.