Skip to content
cccskills

Browse skills

151 skills (repositories by remotion-dev) · sorted by popularity

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.

  • Refresh legal PDFs after editing source pages
  • Check PDF headings, tables, links, and page breaks
  • Commit legal document sources and PDFs together
remotion-dev/remotion65.1KUpdated Oct 18, 2026

video-report

FreeSummary

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.

  • Investigating a video reported as not working
  • Setting up a sample with the affected video
  • Rendering a video with verbose logs
remotion-dev/remotion65.1KUpdated Oct 18, 2026

remotion-markup

FreeSummary

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.

  • Animating titles and subtitles
  • Combining video, audio, and images
  • Adjusting layer timing and trimming
remotion-dev/remotion65.1KUpdated Oct 18, 2026

Prepare Remotion homepage videos from a transparent ProRes master. Create Chrome WebM and Safari MP4 versions, verify transparency and 540-by-540 dimensions, and copy the finished assets into both the promotional site and documentation folders.

  • Replacing videos in the homepage creator strip
  • Creating transparent WebM videos for Chrome
  • Creating MP4 fallback videos for Safari
remotion-dev/remotion65.1KUpdated Oct 18, 2026

experts

FreeSummary

Maintain Remotion’s expert listings, portraits, and generated cards, then regenerate the homepage animation with transparency. The workflow covers separate Chrome and Safari video formats and checks that matching assets stay consistent across both homepage consumers.

  • Add or edit an expert listing
  • Update portraits and regenerate expert cards
  • Regenerate transparent homepage animations
remotion-dev/remotion65.1KUpdated Oct 18, 2026

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.

  • Starting a new video or Remotion project
  • Finding guides for captions and animated maps
  • Previewing video edits in Remotion Studio
remotion-dev/remotion65.1KUpdated Oct 18, 2026

docs-demo

FreeSummary

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.

  • Add an animation demo to a documentation page
  • Let readers adjust demo values with sliders
  • Configure demo playback settings
remotion-dev/remotion65.1KUpdated Oct 18, 2026

player-example

FreeSummary

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.

  • Launch the player example locally
  • Open the example in the Codex in-app browser
  • Check the development server URL and running status
remotion-dev/remotion65.1KUpdated Oct 18, 2026

merge

FreeSummary

Guide an existing Remotion pull request through automated checks and merge it when eligible. Resolve conflicts, investigate failed checks, fix genuine problems, and use the flake skill to rerun checks that fail intermittently.

  • Merging a pull request after required checks pass
  • Resolving conflicts that prevent a merge
  • Investigating and fixing failed automated checks
remotion-dev/remotion65.1KUpdated Oct 18, 2026

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.

  • Creating captions from video or audio
  • Displaying and animating captions in a video
  • Importing existing SRT subtitles
remotion-dev/remotion65.1KUpdated Oct 18, 2026

remotion-maps

FreeSummary

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.

  • Animate overlays on a static satellite image
  • Create globe views or show 3D buildings
  • Choose a map approach without an API key
remotion-dev/remotion65.1KUpdated Oct 18, 2026

issue-management

FreeSummary

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.

  • Breaking a large issue into linked sub-issues
  • Recording which issues must be completed first
  • Linking dependent issues across repositories
remotion-dev/remotion65.1KUpdated Oct 18, 2026

pr

FreeSummary

Prepare current changes for a GitHub pull request by formatting affected files, checking builds and style, committing, and pushing. Create or update the PR, link related issues, and add page previews when available.

  • Opening a pull request for the current feature
  • Updating an existing PR with local changes
  • Formatting changes and checking builds before submission
remotion-dev/remotion65.1KUpdated Oct 18, 2026

offload-r2

FreeSummary

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.

  • Moving repository media assets to Cloudflare R2
  • Updating source references to hosted media URLs
  • Verifying uploaded files before deleting local copies
remotion-dev/remotion65.1KUpdated Oct 18, 2026

remotion-upgrade

FreeSummary

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.

  • Updating Remotion to the latest stable release
  • Aligning versions across related packages
  • Updating dependencies across workspaces
remotion-dev/remotion65.1KUpdated Oct 18, 2026

add-cli-option

FreeSummary

Add a Remotion command-line or configuration option, or convert a hardcoded flag into a shared option definition. Connect parsing, configuration setters, help entries, and generated documentation so the option is consistently available and documented.

  • Add a new Remotion command-line flag
  • Convert a hardcoded flag into a shared option
  • Connect an option to Config setters
remotion-dev/remotion65.1KUpdated Oct 18, 2026

add-effect

FreeSummary

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.

  • Implementing a new effect for @remotion/effects
  • Registering effect imports and parameter types
  • Creating documentation and an interactive effect demo
remotion-dev/remotion65.1KUpdated Oct 18, 2026

formatting

FreeSummary

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.

  • Run Remotion formatting checks
  • Address formatting issues until style checks pass
  • Recheck whether formatting work is complete
remotion-dev/remotion65.1KUpdated Oct 18, 2026

add-new-package

FreeSummary

Create a new @remotion package within the Remotion monorepo, a repository containing multiple packages. Set up its files, register it across the project, and prepare documentation, usage examples, and build configuration.

  • Creating a new @remotion package
  • Registering a package across the monorepo
  • Adding documentation and usage examples
remotion-dev/remotion65.1KUpdated Oct 18, 2026

pr-name

FreeSummary

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.

  • Reviewing a Remotion pull request title
  • Naming a public API change clearly
  • Choosing a prefix for documentation or test changes
remotion-dev/remotion65.1KUpdated Oct 18, 2026

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.

  • Review newly added optional parameters in a PR
  • Make internal React props explicitly accept null
  • Preserve public API compatibility during refactoring
remotion-dev/remotion65.1KUpdated Oct 18, 2026

react-scan

FreeSummary

Record React rendering activity during specific Remotion Studio interactions to investigate repeated renders and slow updates. Compare measurements before and after code changes under matching conditions, and check that behavior still works correctly.

  • Investigate unnecessary React renders in Remotion Studio
  • Identify components responsible for slow updates
  • Analyze rendering related to timeline position
remotion-dev/remotion65.1KUpdated Oct 18, 2026

checkout

FreeSummary

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.

  • Preparing a workspace for a specific branch
  • Installing dependencies and building after checkout
  • Naming a Codex task after its associated pull request
remotion-dev/remotion65.1KUpdated Oct 18, 2026

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.

  • Add a Studio config setter or CLI option
  • Review inconsistent setting updates across Studio components
  • Keep preview and render queue settings aligned
remotion-dev/remotion65.1KUpdated Oct 18, 2026