Remotion Best Practices

A comprehensive reference for building video content with Remotion's React-based framework. Covers the full workflow from basic animations and sequencing to advanced topics like 3D rendering with Three.js, audio manipulation, and transparent video exports. Includes specific guides for common needs like syncing GIFs to the timeline, fitting text to containers, implementing light leak effects, and working with Lottie animations. The captioning system gets its own dedicated reference file. If you're programmatically generating videos in React and need to know the right patterns for timing curves, asset loading, or composition metadata, this gives you the domain knowledge without hunting through docs.

Install to Claude Code

npx -y skills add vercel-labs/json-render --skill remotion-best-practices --agent claude-code