Score
8.5
/ 10
Installs
205K
Repo Stars
4.0K
Last Updated
1d ago
Quality Ratio
99%
Description
Verified
Language
TypeScript
First Published
Jun 2026
Summary
The Remotion Render agent skill enables developers to programmatically generate high-quality videos directly from React/Remotion component code, outputting them as MP4 files. This skill is ideal for frontend developers, motion designers, and content automation specialists who need to create dynamic video content, animated graphics, or data-driven videos at scale using a code-first approach. It is a well-adopted skill with solid traction in the registry. Users provide TSX code that exports a default React component, which can utilize all standard Remotion APIs like `useCurrentFrame`, `spring`, `interpolate`, `AbsoluteFill`, and `Sequence` to define complex animations. It supports customizable output settings including video resolution, frames per second, duration, and codec, along with the ability to pass dynamic props to the Remotion components. This agent skill requires the `inference.sh` CLI to be installed for local execution.
Skill Definition
General rendering strategy
Render a video using:
npx remotion render
Full list of options: https://www.remotion.dev/docs/cli/render.md
Render a still using:
npx remotion still
Full list of options: https://www.remotion.dev/docs/cli/still.md
Transparent videos
See Transparent videos for rendering out a video with transparency.