Remotion Best Practices

This is your go-to reference when working with Remotion, covering everything from basic animations and sequencing to specialized tasks like transcribing captions, extracting frames with Mediabunny, and rendering 3D content with React Three Fiber. The rules are organized by topic, so you can quickly jump to audio handling, font loading, or transition patterns without hunting through docs. What's nice is the practical coverage of real production needs like checking if videos can be decoded, measuring text to prevent overflow, and making compositions parametrizable with Zod schemas. If you're building programmatic video with React, this gives you patterns that actually work instead of reinventing timing calculations and asset imports every time.

Install to Claude Code

npx -y skills add dtsola/xiaoyaosearch --skill remotion-best-practices --agent claude-code