Agent skill · writing content · aiskillstore
remotion-best-practices
Best practices for Remotion - Video creation in React
Why this skill is useful
Provides domain-specific knowledge and best practices for using Remotion in video creation with React, which the AI wouldn't reliably generate on its own.
What it needs
About 2k tokens when loaded. Last updated 2026-08-07. 405 stars on the source repository.
What this skill does
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: rules/3d.md - 3D content in Remotion using Three.js and React Three Fiber rules/animations.md - Fundamental animation skills for Remotion rules/assets.md - Importing images, videos, audio, and fonts into Remotion rules/audio.md - Using audio and sound in Remotion - importing, trimming, volume, speed, pitch rules/calculate-metadata.md - Dynamically set composition duration, dimensions, and props rules/can-decode.md - Check if a video can be decoded by the browser using Mediabunny rules/charts.md - Chart and data visualization patterns for Remotion rules/compositions.md - Defining compositions, stills, folders, default props and dynamic metadata rules/display-captions.md - Displaying captions in Remotion with TikTok-style pages and word highlighting rules/extract-frames.md - Extract frames from videos at specific timestamps using Mediabunny rules/fonts.md - Loading Google Fonts and local fonts in Remotion rules/get-audio-duration.md - Getting the duration of an audio file in seconds with Mediabunny rules/get-video-dimensions.md - Getting the width and height of a video file with Mediabunny rules/get-video-duration.md - Getting the duration of a video file in seconds with Mediabunny rules/gifs.md - Displaying GIFs synchronized with Remotion's timeline rules/images.md - Embedding images in Remotion using the Img component rules/import-srt-captions.md - Importing .srt subtitle files into Remotion using @remotion/captions rules/lottie.md - Embedding Lottie animations in Remotion rules/measuring-dom-nodes.md - Measuring DOM element dimensions in Remotion rules/measuring-text.md - Measuring text dimensions, fitting text to containers, and checking overflow rules/sequencing.md - Sequencing patterns for Remotion - delay, trim, limit duration of items rules/tailwind.md - Using Tailwin …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills aiskillstore/remotion-best-practices