Summary
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-codeInstalls into .claude/skills of the current project.
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
An agent that runs the SEO playbooks that move rankings and ships PRs you control.
Get founding access →
Connect Claude to +800M contacts, +150M companies. Find & Enrich leads in chat.
Try For Free →Files
SKILL.md
Select a file.
Featured
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →An agent that runs the SEO playbooks that move rankings and ships PRs you control.
Get founding access →Connect Claude to +800M contacts, +150M companies. Find & Enrich leads in chat.
Try For Free →
