remotion

# Remotion - Video Creation in React Comprehensive skill set for creating programmatic videos using Remotion, a framework for creating videos programmatically using React. ## When to use Use this skill whenever you are dealing with Remotion code to obtain domain-specific knowledge about: - Creating video compositions with React components - Animating elements using frame-based animations - Working with audio, video, and image assets - Building charts and data visualizations - Implementing text animations and captions - Using 3D content with Three.js - Applying transitions and sequencing - Integrating Tailwind CSS and Lottie animations ## Core Concepts Remotion allows you to create videos using: - **React Components**: Build video content with familiar React syntax - **Frame-based Animations**: All animations driven by `useCurrentFrame()` hook - **Compositions**: Define video compositions with duration, dimensions, and props - **Assets**: Import and manipulate images, videos, audio, and fonts - **Rendering**: Export videos programmatically with customizable settings ## Key Features - Frame-by-frame control over animations - Dynamic metadata calculation - Media processing (trimming, volume, speed, pitch) - Caption generation and display - Data visualization with charts - 3D content integration - Professional text animations - Scene transitions and sequencing ## How to use Read individual rule files for detailed explanations and code examples: ### Core Animation & Tim...