151 skills (repositories by remotion-dev) · sorted by popularity
Prepare Remotion Studio and Canvas Capture for a product demo recorded by the user. Import the original capture into packages/brand as an editable composition, preserve cursor metadata, and upload the verified recording to remotion.media.
Capture Remotion Studio timelines with matching framing and create a video that wipes between the before and after images. The workflow also covers recreating an older layout from a historical code revision.
Write or refactor Remotion components so timing and full-size layout live on the content itself. Reduce redundant wrappers and organize related scenes or clips on shared Studio timeline rows while preserving timing and layout behavior.
Update the published Remotion plugin for Codex and ChatGPT to a released version. Prepare and validate an upload ZIP, preserve existing listing details, and follow the dashboard workflow through review and publication verification.
Investigate a video that is not working by downloading it, setting it as the source in a sample component, and running a Remotion render with verbose logs to examine the behavior.
Create and edit Remotion documentation with consistent API pages, code examples, version labels, and compatibility information. The skill also guides sidebar placement and preview card generation when adding or updating pages.
Bring a Remotion branch up to date with the official main branch while preserving local changes and published history. Handle temporary change storage, merges, conflicts, validation, and a normal push when requested.
Check Remotion’s current version in its source file and review documentation references for the upcoming release. The skill establishes that the next release is a patch version, helping guide version references in the docs.
Review which actions are available in each of four Remotion Studio modes. Use these distinctions when implementing or checking interface controls, so actions that depend on a server are hidden or disabled where the mode cannot support them.
Update release availability labels in Remotion documentation changed by a pull request. Read the version on main, increase its patch number by one, and update only the affected labels before committing and pushing.
Monitor a specific Vercel deployment in Codex and report when it becomes ready or fails. The skill identifies the exact deployment, checks its recorded state, and includes dashboard and preview links in the notification.
Launch the example Remotion Studio locally and open it in Codex’s built-in browser. The workflow installs dependencies, builds the monorepo, and uses the URL reported by Studio to reach the correct running instance.
Publish updated Chrome binaries to Remotion Lambda’s test region, update layer references and version documentation, and verify rendering with Docker before rolling the update out to all supported regions.
Implement or review incompatible changes for Remotion 5 while preserving version 4 compatibility. Use a single compile-time flag to switch runtime behavior and public TypeScript types together, with migration guidance and checks for affected packages.
Upload large Remotion media assets to Cloudflare R2 storage and replace local file references with public remotion.media URLs. Verify access, remove the local binary, and run checks before committing and pushing the changes.
Maintain visual snapshot tests, which compare rendered images, for Remotion’s web renderer. Update existing tests after implementation changes, or add explicitly requested tests with sample components, preview registration, and documentation updates for supported properties.
Regenerate downloadable PDFs for four Remotion legal documents after updating their MDX source pages. The workflow covers generation, checking content and page layout, and committing the updated sources together with the PDFs.
Improve Remotion Studio rendering performance by limiting which components update with every frame. The skill guides on-demand timeline reads and React.memo usage, helping keep stable components from rerendering unnecessarily while preserving updates where the displayed frame matters.
Upload preview images and videos for a Remotion Element to remotion.media, then update the corresponding URLs. The skill also handles local asset cleanup according to whether previews come from fresh renders or committed submissions.
Update Mediabunny and its related packages throughout Remotion, including templates, CLI version references, and the documentation compatibility table. The workflow checks the latest published version, aligns the relevant entries, and finishes by installing dependencies with Bun.
Update Remotion’s FFmpeg dependency to a published rust-ffmpeg commit, refresh the dependency lockfile, and rebuild compositor binaries for all supported platforms. Validate the changes and open a draft pull request with source revisions and build results.
Update the caniuse-lite version override in Remotion to the latest release on npm. The workflow checks the branch and working tree, updates package.json, reinstalls dependencies with Bun, then commits and pushes the change.
Guide implementation and debugging of visual Sequence editing in Remotion Studio. It documents how sequence identifiers, node paths, and stack traces behave during hot reload, and suggests how to track expanded UI state.
Style text and SVG elements inside Remotion Studio’s CSS reset containers. This skill explains which properties are reset and how to apply styles directly to nested elements when parent styles do not carry through.