remotion-best-practices

When to use

Use this skill whenever you are dealing with Remotion code or building video generators with Remotion.

Core Rules (ALWAYS apply)

Animations

• All animations MUST be driven by useCurrentFrame() hook
• Write animations in seconds and multiply by fps from useVideoConfig()
• CSS transitions/animations are FORBIDDEN — they will not render correctly
• Tailwind animation class names are FORBIDDEN — they will not render correctly
• Use interpolate() with extrapolateRight: "clamp" to prevent value overshoot