Best practices for Remotion
48
53%
Does it follow best practices?
Run evals on this skill
Adds up to 20 points to the overall score
View guide
Passed
No findings from the security scan
Fix and improve this skill with Tessl
tessl review fix ./packages/skills/skills/remotion-best-practices/SKILL.mdIf no Remotion project currently exists, load Create a new Remotion project
If you are writing Remotion React Markup, load Remotion Markup Best Practices
For static maps, animated routes and markers, geographic explainers, Mapbox, MapLibre, MapTiler, GeoJSON, or 3D geographic flyovers, load Remotion Maps.
For achieving multimedia tasks in the browser, such as trimming, cropping videos, or getting metadata from them, load Mediabunny Best Practices
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
For advanced rendering beyond simple npx remotion render, see: Rendering Best Practices
When working with Captions, load Remotion Captions.
Use the Remotion SaaS skill 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.
To find and read current Remotion documentation, load Remotion Docs.
To upgrade Remotion, related packages, compatible Mediabunny packages, and installed Remotion Agent Skills, load Remotion Upgrade.
06f2fd7
If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.