remotion-dev/remotion

remotion-markup

Content, animation and effects best practices

remotion-new-markup

Write or refactor Remotion markup with Track, connected compositions, and Interactive.create using explicit absolute-fill or none layouts.

remotion-interactivity

Structure Remotion markup for interactivity

issue

Create, edit, or comment on Remotion GitHub issues.

canvas-capture-extension

Rebuild, install, and reload the private Remotion Canvas Capture unpacked Chrome extension. Use when the extension needs to be restored after a Codex worktree was deleted, rebuilt after source changes, moved to its durable install directory, or reloaded in…

install-canvas-capture-browser

Install and verify Chrome for Testing 157.0.8080.0 or newer for the private Remotion Canvas Capture extension on Apple Silicon macOS. Use when setting up Canvas Capture or when no compatible Chrome browser is installed.

timeline-layout-reveal

Capture matching 2x Remotion Studio timeline screenshots and make a before/after crop reveal in packages/brand. Use for timeline layout comparison videos, including recapturing a historical layout.

remotion-captions

Transcribing, displaying and animating captions

remotion-best-practices

Router for all Remotion skills

remotion-create

Create a new Remotion video

remotion-docs

Search Remotion documentation

interactivity-best-practices

Best practices for writing Remotion animations that stay intuitive for agents and editable in Remotion Studio Visual Mode.

remotion-best-practices

Router for all Remotion skills

remotion-markup

Content, animation and effects best practices

update-codex-plugin

Update Remotion's published Codex and ChatGPT directory plugin to a released Remotion version. Prepare the ZIP from the official Codex plugin repository, preserve its listing metadata, and upload and publish through OpenAI Platform.

add-cli-option

Add a new Remotion CLI or config option by creating an AnyRemotionOption, registering CLI parsing, wiring config setters, and updating documentation. Use when adding or converting command-line flags or Remotion options.

update-chrome-binaries-test-region

Publish Remotion Lambda Chrome binaries to the eu-central-1 test region and update hosted layer and Chrome version references. Use when updating Chrome binaries before full regional rollout.

import-canvas-capture

Import a recorded Remotion Canvas Capture into a project without Studio interactions using the internal experimental-codemod command. Use when adding a capture file as an editable composition with cursor keyframes.

pr

Open a pull request for the current feature

remotion-create

Create a new Remotion video

remotion-studio

Preview a Remotion video

release

Release a new Remotion version

remotion-interactivity

Structure Remotion markup for interactivity

scaffold-element

Scaffold a new Remotion Element for development in the docs Remotion Studio.

nullable-new-params

Fix newly added optional parameters, optional React props, and optional type/interface members in Remotion monorepo diffs by converting internal APIs to required nullable values and updating call sites. Use when a PR, review, or user asks to forbid new `foo?:…

web-renderer-test

Add explicitly requested web renderer tests or update existing ones for implementation changes.

writing-tests

Guidance for explicitly requested new tests and for updating or reviewing existing tests in the Remotion repository.

remotion-saas

Build an app with Remotion

pr-name

Review or correct a Remotion pull request title

studio-css-reset

Style Remotion Studio UI inside `.css-reset` containers without relying on inherited reset properties.

add-effect

Add a new effect to @remotion/effects, including implementation, package exports, docs, demos, preview images, Remotion skill updates, formatting, and builds.

add-new-package

Add a new package to the Remotion monorepo, including package scaffolding, monorepo registration, documentation, build scripts, and release checklist updates. Use when creating a new @remotion package.

react-scan

Capture and analyze Remotion Studio React render profiles through development-only WebMCP tools. Use when diagnosing unnecessary re-renders, slow commits, frame-reactive component trees, or when comparing render performance before and after a change.

studio-config-option-lifecycle

Classify and wire Remotion Studio config options as either startup-fixed or reloadable while preventing mixed lifecycle behavior across consumers. Use when adding, changing, or reviewing a Config setter or CLI option consumed by Studio, its preview server,…

v5-breaking-changes

Implement or review a Remotion 5 breaking change while the v4 and v5 release lines still share code. Use when v4 behavior and public types must remain compatible on main, but flipping the central v5 flag should activate a new runtime behavior, default, or…

update-legal-pdfs

Regenerate the downloadable PDF copies of Remotion's Terms, Privacy Policy, DPA Statement, and DPIA Statement after editing their docs pages.

studio-mode

Understand the capabilities and restrictions of each Remotion Studio mode. Use when implementing or reviewing Studio actions, permissions, availability, or UI across interactive, detached, deployed, and browser-based Studios.

upload-element-previews

Upload a Remotion Element's preview assets to remotion.media and replace local preview URLs. Use when given an Element slug, or when exactly one Element's preview assets are present in the current worktree.

remotion-maps

Remotion Map animation knowledge

remotion-upgrade

Upgrade Remotion, and related packages