Install with the open skills CLI (global, non-interactive — available in every Claude Code session):
npx skills add remotion-dev/skills --skill "remotion-best-practices" -g -a claude-code -yOr manually — clone and copy the skill directory (SKILL.md + companion files):
git clone --depth 1 https://github.com/remotion-dev/skills /tmp/skills && cp -r /tmp/skills/skills/remotion-best-practices ~/.claude/skills/remotion-best-practices-remotion-devThis skill contains nested skills — each is browsable and installable on its own.
Multimedia handling with the Mediabunny library
Dealing with captions in Remotion
Creating a new Remotion video
Best practices for writing Remotion animations that stay intuitive for agents and editable in Remotion Studio Visual Mode.
Best practices for writing Remotion React Markup
Best practices for rendering videos
Building video apps with Remotion - framework, rendering and Player advice
---
name: remotion-best-practices
description: Best practices for Remotion
metadata:
tags: remotion, video, react, animation, composition
---
## New project setup
If no Remotion project currently exists, load [Create a new Remotion project](remotion-create/SKILL.md)
## React Markup Best Practices
If you are writing Remotion React Markup, load [Remotion Markup Best Practices](remotion-markup/SKILL.md)
## Mediabunny Skills
For achieving multimedia tasks in the browser, such as trimming, cropping videos, or getting metadata from them, load [Mediabunny Best Practices](mediabunny/SKILL.md)
## Improving Interactivity
By structuring the Remotion markup well, we can allow users to interactively change things in the Studio and write back to code. If relevant: [Interactivity Best Practices](remotion-interactivity/SKILL.md)
## Rendering
For advanced rendering beyond simple `npx remotion render`, see: [Rendering Best Practices](remotion-render/SKILL.md)
## Captions
When working with Captions, load [Remotion Captions](remotion-captions/SKILL.md).
## Creating a SaaS, automation or application
Use the [Remotion SaaS skill](remotion-saas/SKILL.md) for knowledge about Remotion-powered SaaS apps, such as `<Player>`, rendering on Lambda, Vercel, Cloudflare, via Express.js, client-side rendering, or for finding the right SaaS template.
You MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements and design before implementation.
Use when facing 2+ independent tasks that can be worked on without shared state or sequential dependencies
Use when you have a written implementation plan to execute in a separate session with review checkpoints