remotion▌

Remotion renderer that converts JSON timeline specs into video compositions.

Generate professional AI voiceovers for Remotion videos using ElevenLabs API.

Domain-specific best practices and patterns for building videos with Remotion and React. \n \n Covers 28 rule files spanning animations, assets, audio, compositions, captions, charts, 3D content, and transitions \n Includes utilities for media metadata extraction (video/audio duration, dimensions, frame extraction) via Mediabunny \n Provides patterns for text measurement, DOM node sizing, font loading, TailwindCSS integration, and timing/easing functions \n Addresses common workflows like captio

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

Programmatic video creation using React components with frame-based animations, media handling, and data visualization. \n \n Frame-driven animations using useCurrentFrame() hook, interpolation curves, and easing functions for smooth motion control \n Comprehensive asset support including images, videos, audio, GIFs, fonts, and Lottie animations with media processing capabilities \n Built-in features for captions (SRT import, transcription, word highlighting), charts, 3D content via Three.js, an

Create professional walkthrough videos from Stitch app designs using Remotion with smooth transitions and text overlays. \n \n Retrieves screens from Stitch projects and orchestrates them into Remotion video compositions with zoom effects, fade transitions, and contextual text overlays \n Supports modular component architecture with ScreenSlide and WalkthroughComposition components, plus advanced features like interactive hotspots and voiceover integration \n Generates screen manifests, download

Core Remotion knowledge lives in .claude/skills/remotion-official/ (synced from the official remotion-dev/skills repo). This file covers toolkit-specific patterns only.

Convert React/Remotion component code directly to MP4 videos via CLI. \n \n Accepts TSX code with full Remotion API support: useCurrentFrame , useVideoConfig , spring , interpolate , AbsoluteFill , Sequence , and media components \n Configurable output: resolution, FPS, duration, codec, and component props passed as JSON \n Supports streaming progress updates and Python SDK integration for programmatic video generation \n Ideal for animated graphics, motion design, data-driven videos, and React