The problem
How it works
Remotion, the framework for writing videos as React components, publishes a short guide for prompting videos through a coding agent. You create a blank project with npx create-video, install Remotion’s Agent Skills with npx remotion skills add, start the preview with npm run dev, and then open Claude Code, Codex, Kimi Code or OpenCode in the same folder in a second terminal. The skills give the agent Remotion-specific guidance: one creates a new composition from a brief such as a promo video, others cover animation markup, captions, map animations, launching the Studio and rendering the result to a video file or a still.
Results and limitations
This is a vendor guide with suggested prompts, not a report of a finished project, so it is marked planned. The docs say Remotion works well with these agents and that most of them need a paid subscription.
Before you try it
You review the result in Remotion Studio and can keep editing the code yourself, so the agent’s work is never a black box. Remotion has its own licence terms; companies should check whether they need a paid company licence before using it commercially (there is a licence skill and a pricing page). Rendering long or high-resolution videos takes local CPU time. Results depend on your setup and were not independently reproduced by Top 200 Repos.
Tools and repositories
- Tools
- Remotion · Node.js · Claude Code, Codex or OpenCode
- Prerequisites
- Node.js, a coding agent (most need a paid plan), and a Remotion licence if your company needs one.
Try it yourself: Brief a coding agent on a short motion graphics video
Fill the fields to adapt the prompt. Empty fields stay as visible [placeholders].
Using the Remotion skills in this project, create a [Length in seconds]-second video at [Resolution] for [What the video is for]. Show these points in order: [Points to show]. Use the colours [Brand colours] and keep all text on screen long enough to read. Put timings and text in one config object at the top so I can edit them. Tell me when the Studio preview is ready and do not render the final file until I approve it.Check every number, name and quote on screen yourself before you render and publish.
Related videos
About anthropics/claude-code
The SECRET Claude Code Upgrade That Has Everyone Going Nuts (Full Guide) (opens in a new tab)
The title names the project, the description links the project website.
Watch on YouTube (opens in a new tab)About openai/codex
Meet the New Codex CLI (opens in a new tab)
Published by the project’s official channel.
Watch on YouTube (opens in a new tab)About anthropics/claude-code
The only Claude Code guide you'll ever need (Opus 4.5) (opens in a new tab)
The title names the project, the description links the project website.
Watch on YouTube (opens in a new tab)Independent creators. Listing a video implies no endorsement, sponsorship or partnership.
Sources
- Prompting videos with coding agents (opens in a new tab)
Project documentation · remotion.dev · Undated · Source checked 12 Nov 2026, 09:55 UTC
What this source supports
- Remotion works with coding agents such as Claude Code, Codex, Kimi Code and OpenCode
- Steps: npx create-video --yes --blank, npx remotion skills add, npm run dev, then start the agent in the project folder
- Most coding agents require a paid subscription
- Agent Skills (opens in a new tab)
Project documentation · remotion.dev · Undated · Source checked 12 Nov 2026, 10:07 UTC
What this source supports
- Remotion maintains Agent Skills for Claude Code, Codex, Cursor, Kimi Code and OpenCode
- Skills include remotion-create, remotion-markup, remotion-studio, remotion-render, remotion-maps and remotion-captions
- A remotion-license skill points to licence information and where to buy a licence