Remotion Dev Skills

remotion/.agents/skills/skill-locations

Document Remotion skill placement. Use when adding, moving, or editing Remotion skills to decide whether a skill belongs in .agents/skills as an internal skill…

remotion/.agents/skills/studio

Start Remotion Studio from packages/example and open it in the Codex browser. Use when the user invokes /studio or $studio, asks to launch the example Studio,…

remotion/.agents/skills/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…

remotion/.agents/skills/studio-css-reset

Guidance for Remotion Studio UI changes where the global CSS reset affects nested elements. Use when editing packages/studio UI, especially when adding wrapper…

remotion/.agents/skills/studio-perf

Optimize Remotion Studio render performance by minimizing frame-reactive component surfaces, preferring imperative timeline state reads, and memoizing stable…

remotion/.agents/skills/submit-element

Finalize a developed Remotion Element, add it to the docs gallery, and prepare either a direct member submission or an externally reviewable contribution.

remotion/.agents/skills/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…

remotion/.agents/skills/update-from-upstream-main

Update the current Remotion branch with the latest canonical main branch. Use when asked to update or sync from upstream main, merge the latest main into a…

remotion/.agents/skills/update-remotion-rust-ffmpeg

Update Remotion's ffmpeg-next Git revision to a published rust-ffmpeg commit, refresh Cargo.lock, rebuild all supported compositor binaries, validate the…

remotion/.agents/skills/update-stars

Update Remotion homepage GitHub star counts. Use when asked to refresh the displayed GitHub star count and push the change to main.

remotion/.agents/skills/update-version

Update `AvailableFrom` in a PR to the next Remotion patch version (`main` + `0.0.1`).

remotion/.agents/skills/upgrade-caniuse

Upgrade the caniuse-lite override in the Remotion repo. Use when asked to update caniuse-lite to the latest npm version.

remotion/.agents/skills/upgrade-mediabunny

Upgrade Mediabunny and related @mediabunny packages across the Remotion repo. Use when asked to update Mediabunny to the latest version.

remotion/.agents/skills/upload-r2

Upload large Remotion repository assets to the Cloudflare R2 bucket behind remotion.media and replace local public/ assets with hosted URLs. Use when a file is…

remotion/.agents/skills/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…

remotion/.agents/skills/vercel

Set up a Codex monitor for Vercel deployments and preview URLs. Use when the user invokes /vercel or $vercel, asks Codex to watch or monitor a Vercel…

remotion/.agents/skills/version

The version of Remotion we are working on.

remotion/.agents/skills/video-report

Generate a report about a video

remotion/.agents/skills/visual-mode

Guidance for working on Remotion Studio Visual Mode, sequence identity, node paths, symbolicated stacks, override IDs, and hot reload behavior. Use when…

remotion/.agents/skills/web-renderer-test

Visual snapshot testing for web renderer components using vitest fixtures. Create test fixtures in packages/web-renderer/src/test/fixtures that define a React component, dimensions, frame rate, and duration Register fixtures in packages/web-renderer/src/test/Root.tsx to enable preview functionality Write test cases that render stills using renderStillOnWeb() and validate output with testImage() snapshot comparison Run tests with bunx vitest src/test/video.test.tsx and update documentation in...

remotion/.agents/skills/writing-docs

Guidelines and templates for writing Remotion API documentation in MDX format. Create one .mdx file per API in packages/docs/docs , add it to sidebars.ts , and run bun render-cards.ts to generate social preview cards Use ### headings for API properties (not bullet points), add ? suffix for optional parameters, and include default values naturally in descriptions Prefer type-safe code snippets with twoslash validation; use // ---cut--- to hide imports and always add title attributes to...

remotion/.agents/skills/writing-tests

Rules for writing and reviewing tests in the Remotion repository. Use whenever adding, editing, or reviewing tests, especially for Studio UI, rendering, CLI,…