Remotion

If you're building videos programmatically with Remotion, this skill gives you the full toolkit: frame-based animations with useCurrentFrame, media handling for audio and video trimming, caption generation with word-level highlighting, and data viz with charts. It covers the fundamentals like interpolation and sequencing, plus less obvious stuff like calculating metadata dynamically and integrating Three.js for 3D content. The core insight here is that everything runs on frame counts, not CSS animations, so you multiply seconds by fps and use interpolate with clamping. Good reference when you need to remember how to sync GIFs to the timeline or measure text dimensions for fitting.

Install to Claude Code

npx -y skills add davila7/claude-code-templates --skill remotion --agent claude-code