@remotion-dev
Official · RemotionOrganization
Make videos programmatically
151 skills11 repositories 72K
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.
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.
Run Remotion formatting and style checks with `bun run stylecheck` and continue until the command exits successfully. Errors from `lambda-go` are treated as nonblocking when carrying out this formatting workflow.
Import a recorded Remotion Canvas Capture as an editable composition with cursor keyframes, without using Studio controls. The workflow generates and registers a component, copies the video asset, and installs missing dependencies through an internal experimental command.
Launch the local Remotion Convert app and open it in the Codex in-app browser to inspect its interface. The workflow prepares dependencies, builds the project, starts the development server, and reports the actual local URL.
Prepare a Remotion workspace by checking out a requested branch or reference, installing dependencies, and building the project. In Codex, also rename the current task to the associated pull request title when one exists.
Add a new sound effect to @remotion/sfx, from registering the audio file to exporting its URL and documenting its use. The workflow covers playback examples, attribution, navigation entries, waveform generation, and the package build.
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.
Audit GitHub issues to find open work outside a masterplan, distinguishing missing parents from missing plan ancestors. Preview or apply removal of closed issues from the hierarchy while keeping their open children connected to the plan.
Apply Remotion Studio’s interaction conventions to buttons and links: keep the default cursor, brighten text and icons on hover, and show a visible focus indicator for keyboard navigation using shared styling helpers.
Choose an approach for map animations in Remotion, from satellite image overlays to globe views and terrain flythroughs. The skill compares five techniques and directs the agent to the implementation guide for the intended shot.
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.
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.
Export videos or still images from Remotion using its command-line tools. The skill identifies the commands for each output type and points to option references, with a separate guide for rendering videos with transparent backgrounds.
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 browser WebCodecs bugs to the Remotion Mediabunny documentation. It checks the linked issue’s title, filing date, reporter, and resolution, then adds a table row while preserving the existing format.
Classify Remotion Studio settings as fixed at startup or reloadable, then wire every component that uses them consistently. Guide implementation and review of configuration reloads, default resets, CLI precedence, and render queue settings.
Organize dependent changes into a chain of branches and pull requests so reviewers can inspect one layer at a time. Use the GitHub CLI extension to create, update, synchronize, and merge the chain.
Create video scenes in Remotion using React, with guidance on frame-based animation, media placement, and timing. It also points to references for effects, transitions, fonts, and other features, plus ways to preview the results in Studio.
Prepare captions for Remotion videos through transcription, display, animation, or import from SRT files. Store captions as structured JSON containing text and timing, using the Caption type from @remotion/captions.
Review newly added optional inputs in Remotion changes and convert internal ones into required values that accept null. Update callers and absence checks while preserving compatibility for public APIs that must remain optional.
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.
Investigate intermittent Remotion CI failures, record their error patterns in a tracking issue, and increment counts for repeated failures. Find failed checks even without a supplied pull request, then rerun affected GitHub Actions jobs.
Route Remotion tasks to the relevant specialist guides, from creating videos and projects to captions, maps, and rendering. It also guides Studio preview setup, package upgrades, and troubleshooting when working inside Codex.
Is this your account? Link GitHub to bring it onto your creator page (Japanese)