@remotion-dev
Official · RemotionOrganization
Make videos programmatically
151 skills11 repositories 72.1K
Guide test writing, updates, and reviews in Remotion by checking observable user outcomes. Choose integration, unit, visual, or end-to-end tests that detect broken workflows, and verify that bug fixes address the original regression.
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.
Add a new effect to @remotion/effects, including its implementation, package entry points, documentation, interactive demo, and preview images. Follow the package conventions and verify the changes with tests, formatting checks, and builds.
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.
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.
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.
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.
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.
Update Remotion and its related packages while respecting the project's package manager and workspace structure. The workflow aligns package versions, updates the lockfile and installed Remotion skills, and checks the resulting dependency changes.
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.
Move media assets from a Remotion repository to Cloudflare R2, update source references to public URLs, and verify that uploaded files match the originals before removing local copies.
Find the relevant guidance for writing Remotion animations that agents can understand and that remain editable in Studio’s Visual Mode. It points to resources for scene structure, editable styles and animations, and interactive custom components.
Organize Remotion skills into the correct internal or public directories. For public skills, follow the required symbolic link setup, synchronization, and validation steps so agents can access skills stored in the public location.
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.
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.
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.
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.
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.
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.
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.
Organize GitHub issues using parent and child relationships and links showing which tasks must finish first. Use gh CLI to create, change, remove, and inspect relationships, including links across repositories.
Use Mediabunny, a browser library for audio and video, to read basic media properties. This skill directs you to guides for retrieving audio duration, video duration, and video width and height.
Find current Remotion documentation for a feature or API, the interface used by code. Search for relevant pages and read their Markdown text so implementation follows the documentation available now.
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.
Is this your account? Link GitHub to bring it onto your creator page (Japanese)