# Remotion Best Practices

> Best practices for Remotion

- Skill: `om-scogo/remotion-best-practices` (Agent Skill, multi-file: 17 files)
- Install (CLI): `npx skillmds add om-scogo/remotion-best-practices`
- Raw SKILL.md: https://api.skillmd.com/api/skills/om-scogo/remotion-best-practices/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: om-scogo (https://skillmd.com/u/om-scogo)
- Updated: 2026-09-08
- Page: https://skillmd.com/skills/om-scogo/remotion-best-practices

---


## 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.

## Looking up Remotion APIs and documentation

To find and read current Remotion documentation, load [Remotion Docs](remotion-docs/SKILL.md).