523 skills · sorted by relevance
Launch the Remotion documentation site locally and open it in the Codex in-app browser. The workflow installs dependencies, builds the project, starts Docusaurus, and reports the actual preview URL and server status.
Start Remotion Studio and open a browser preview while creating or editing a video. Keep the preview visible during work so users can review changes and guide adjustments as the composition takes shape.
Coordinate a new Remotion release, from authentication and builds to npm package verification and release notes. Promote packages to latest only after every package is downloadable, then prepare a GitHub release for approval.
Export Remotion compositions as videos or still images using command-line tools. Extract several selected frames as images in one call, with references for additional export options and videos with transparent backgrounds.
Guide an agent to the right Remotion instructions for creating videos, adding captions or maps, exporting files, and building applications. The workflow emphasizes checking an interactive preview as the video takes shape.
Start a new Remotion video by setting up a project when needed and opening Studio before building scenes. Covers folder selection, React video structure, multiple scenes, and timelines with individually editable clips.
Build Remotion videos using the toolkit’s shared backgrounds, comparison layouts, presenter overlays, and custom scene transitions. Apply its 30fps timing conventions and rendering practices to assemble scenes and coordinate them with voiceover.
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.
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.
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 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.
Structure Remotion code so elements remain editable in Studio. Follow markup patterns that support selection, dragging, resizing, rotation, style changes, and animation keyframes, including editable SVG shapes and their transitions.
Launch the @remotion/player example app locally and open it in the Codex in-app browser. The workflow prepares dependencies, builds the project, starts the development server, and reports its URL and whether it was newly started or already running.
Review a Remotion pull request’s title against its code changes and suggest clearer wording for developers. The skill selects the appropriate package or category prefix and highlights the main observable change or public API.
Build an app that generates or edits videos with Remotion. The guidance covers choosing a template or framework, embedding a video preview in React, and selecting where video rendering—the process of producing the output—takes place.
Build videos in React with Remotion using task-specific rules and code examples. The skill covers animation timing, captions, audio, scene transitions, and media assets, helping guide implementation across common video creation tasks.
Create and display captions for Remotion videos, with guidance for transcribing audio or video, importing SRT files, and animating captions. Keep caption text and timing in a shared JSON format.
Add a reported Remotion bug to the bugs API with its affected versions, a short title, and upgrade guidance. Follow the existing entry format and place the new record first so recent bugs appear at the top.
Create and edit Remotion GitHub issues, add comments, and attach images or videos. It keeps titles aligned with the user’s intent and checks saved issue text to ensure Markdown formatting and line breaks are preserved.
Add a person to the Remotion experts page by placing their portrait, entering their profile and contact links, and generating an expert card image. The instructions specify file locations, profile fields, and how to verify card generation.
Add interactive animation demos to Remotion documentation pages. This skill covers creating React components, registering playback settings, embedding demos in MDX, and adding controls such as sliders, checkboxes, dropdowns, and text inputs.
Build videos in React with Remotion using topic-specific guidance and code examples. Covers animation, captions, audio, scene transitions, asset handling, timing, and text layout, with additional references for charts, maps, and 3D content.
Turn JSON timelines into Remotion video compositions with titles, images, text overlays, and animated statistics. The skill covers playback setup, reusable video components, transitions, effects, and adding custom clips to a video catalog.
Create walkthrough videos from Stitch app screens using Remotion. Arrange screenshots in sequence, add fades, slides, zoom effects, and explanatory text, then preview the timing and render a video such as an MP4.