remotion▌

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

Programmable video production with Remotion, scene planning, asset orchestration, and automated rendering for brand-consistent content. \n \n Guides video creation through five structured steps: spec definition, scene outlining, asset preparation, React composition implementation, and QA rendering \n Supports multiple aspect ratios (16:9, 1:1, 9:16) and tones (fast, calm, cinematic) with integrated narration, visuals, and animations \n Includes scene templates, asset checklists, and Remotion com

Programmatic video creation with React components, animations, and audio synchronization. \n \n Compose videos using React components with frame-based animation via useCurrentFrame() and interpolate() for precise timing and motion control \n Supports audio integration (MiniMax TTS for voice cloning, Edge TTS for free synthesis) with automatic scene synchronization via audioConfig.ts \n Includes 3D video capabilities via React Three Fiber for product demos, character animation, and data visualiza

Use this skill to build from live Remotion Bits examples first, then fall back to primitives only when the examples are not enough.

Generates animation configuration documents that define spring behaviors, interpolation mappings, easing curves, and timing constants for Remotion videos. This skill focuses exclusively on animation parameters and does NOT generate component code.

Write React components, get real MP4 videos. This skill teaches your AI agent how to build with Remotion — from a first animation to a production rendering pipeline.

Remotion renderer that converts JSON timeline specs into video compositions.

Render videos from React/Remotion component code via inference.sh CLI.

Create Remotion videos styled with Vercel's Geist design system - dark backgrounds, spring animations, Geist fonts, and the 10-step color scale.

Remotion renderer that converts JSON timeline specs into video compositions.