remotion-dev

Remotion projects need precise animation, media, and rendering patterns. This skill gives Claude, Codex, and Claude Code targeted rules for creating React video code.

Remotion upgrades can leave packages and lockfiles out of sync. This skill guides a consistent upgrade for Remotion, Mediabunny, and installed Remotion skills.

Starting a local Remotion preview and locating its browser URL can interrupt development. This skill launches Studio and guides you to the active preview.

Building a video SaaS application requires choices about UI previews, rendering, and deployment. This skill gives focused Remotion guidance for those choices and links to the relevant documentation.

Choosing compatible Remotion export settings can be difficult. This skill provides commands and configuration patterns for videos, stills, ProRes, and WebM.

Reading media metadata consistently across web and server environments can require unfamiliar APIs. This skill provides focused Mediabunny patterns for durations and video dimensions.

Building video compositions can require many React, timing, and media decisions. This skill provides focused Remotion patterns for creating maintainable video markup.

Animated maps often shimmer, load late, or use unsuitable geographic sources. This skill guides deterministic Remotion implementations across static, 2D, annotated, and 3D map techniques.

Remotion animation components can become difficult to adjust in Studio when their editable controls are unclear. This skill directs you to official guidance for designing interactive components and editable media timelines.

Remotion APIs change, and outdated examples can cause implementation errors. This skill searches current documentation and retrieves concise Markdown pages for reliable guidance.

Starting a Remotion project requires a reliable scaffold and video-focused layout choices. This skill creates a blank project, starts Studio, and links to focused guidance for markup, interactivity, layout, and TailwindCSS.

Timed captions can be difficult to create and synchronize in video compositions. This skill provides practical guidance for transcribing, importing, formatting, and rendering captions in Remotion.

Remotion projects need correct patterns for media, timing, captions, and rendering. This skill gives Claude, Codex, and Claude Code focused rules and examples for React video work.

Media metadata tasks need suitable input sources across browser, Node.js, Bun, and Remotion projects. This skill provides Mediabunny patterns for reading durations and video dimensions from URLs or local files.