Back to skills

Agent Skill

Remotion Render

remotion-render

Best practices for rendering videos

101 SkillsFrontendTypeScript

205K installs

remotion-dev/skills

by 101 Skills

Score

8.5

/ 10

Installs

205K

Repo Stars

4.0K

Last Updated

1d ago

Fresh

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.

How to Use

Use in O-mega

Claude Code

npx skills add remotion-dev/skills remotion-render