sickn33 avatar

Remotion Best Practices

If you're building programmatic videos with Remotion, this skill gives Claude the domain knowledge it needs to help you properly. It covers the full stack: animations, sequencing, audio handling, captions, Three.js integration, font loading, and all the media utility functions from Mediabunny. The most useful bits are probably the timing and interpolation patterns, the caption workflows (including transcription and SRT imports), and the asset handling rules since those trip people up constantly. It's community sourced, so the quality might vary across the 27 rule files, but having this context loaded beats searching docs mid-conversation when you're trying to sync a Lottie animation to your timeline or figure out why your GIF isn't playing back correctly.

skills.sh installs
644
GitHub stars
43.1K
last updated
Jul 14, 2026

Install

$ npx -y skills add sickn33/antigravity-awesome-skills --skill remotion-best-practices --agent claude-code

Installs into .claude/skills of the current project.

Files

When to Use

Use this skills whenever you are dealing with Remotion code to obtain the domain-specific knowledge.

How to use

Read individual rule files for detailed explanations and code examples:

Sponsors

Details

Repository
github.com/sickn33/antigravity-awesome-skills
Category
Generative Media
First seen
Jun 3, 2026

More from sickn33/antigravity-awesome-skills

All 708
1mckruz avatarcomfyui-inventorymckruz/comfyui-expertcomfyui inventory601skills.sh installs
2hkuds avatarcli-anything-comfyuihkuds/cli-anythingCommand-line interface for ComfyUI - AI image generation workflow management via ComfyUI REST API. Designed for AI agents and power users who need to queue work586skills.sh installs
3eachlabs avatarimage-to-videoeachlabs/skillsTransform static images into dynamic videos using each::sense AI. Create animations, Ken Burns effects, cinemagraphs, product showcases, and motion graphics fro536skills.sh installs
4freestylefly avatarremotion-best-practicesfreestylefly/canghe-skillsBest practices for Remotion - Video creation in React503skills.sh installs
5vercel-labs avatarcreate-remotion-geistvercel-labs/skill-remotion-geistCreate Remotion videos using the Geist design system aesthetic. Use when asked to create videos, animations, or motion graphics that should follow Vercel's visu499skills.sh installs
6ncklrs avatarremotion-animationncklrs/startup-os-skillsGenerates animation configurations for Remotion including spring configs, interpolations, easing functions, and timing logic. Focuses ONLY on animation paramete452skills.sh installs