Remotion Best Practices: the entry skill for Remotion video work
Remotion builds videos out of React components, and its team maintains a set of agent skills for working in Remotion projects. remotion-best-practices covers all of them: it reads the request and loads the guide for creating a project, markup, maps, multimedia, captions, rendering or SaaS. It opens a Studio preview and leaves rendering until you ask for a file.
Loads remotion-create for a new video or project and remotion-markup for compositions, animation, layout, typography, fonts and audio.
Points map work to remotion-maps, covering animated routes, markers and flyovers with Mapbox, MapLibre, MapTiler, GeoJSON and CesiumJS.
Starts npx remotion studio once the project runs, or uses --no-open with an in-app browser, so you can watch and steer while it builds.
Holds back npx remotion render until the request is explicit, such as export the video or give me the MP4.
Treats edits you made outside the chat as intentional and asks before overwriting anything surprising.
When to use it
You are starting a Remotion video with an agent and do not know which of the team's skills fits.
Video has to ship inside a product, and remotion-saas covers Player, Lambda, Vercel, Cloudflare and Express.js.
Remotion, Mediabunny and the installed Remotion skills all need upgrading to matching versions.
Ask your agent
Make a promo video for a bakery in Remotion and open the Studio preview.
Draw an animated flight path from Berlin to Lisbon with the camera tracking it.
Upgrade Remotion and its related packages in this project to compatible versions.
Questions
How do I install remotion-best-practices?
Use the skills CLI command on this page, or npx skills add remotion-dev/skills for the full set. bun create video also offers to add the skills when it creates a project.
Does it work in Codex and Cursor?
The README names Claude Code, Codex, Kimi Code and Cursor. In Cursor the skill runs npx remotion studio without --no-open so the browser opens on its own.
How is it different from remotion-markup?
remotion-markup only covers React markup rules. remotion-best-practices spans every skill in the set and loads the one that matches, which helps when you are unsure where to start.
