Remotion
Updated 2026-07-11
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 with a software framework called React, so the code is the source of truth. You can install Remotion in any coding agent (e.g. Claude Code or Codex), then use prompting to describe your ideal video output. The agent writes React that renders to a real MP4 video. Remotion Agent Skills inject best practices into the agent, and Remotion Studio lets you make visual drag-and-drop tweaks that save back to code.
When to Use It
Remotion is great for animated charts, Venn diagrams, web graphics, or even launch videos! The Anthropic team has used to to announce several features, or 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 real data for accurate charts. Skip it, or expect more effort, for complex hand-drawn or arrow-heavy designs. The agent can't ingest existing videos directly (it extracts frames with FFmpeg to reference a clip), and polished pro results still assume you know the tools and can spend real time. Note Remotion's special 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.