Agent Skills

Remotion maintains a list of Agent Skills that define best practices for working in Remotion projects.

These skills are useful for AI agents like Claude Code, Codex, Kimi Code or Cursor.

You can install them by running:

Paste this command into Terminal on macOS. The script explains what it will do, then pauses before running.

  1. 1Launch Terminal on your Mac — use Spotlight (⌘ + Space) and type Terminal
  2. 2Copy the command below, paste it into Terminal, and press Enter
  3. 3Press Enter, review the prompts, then continue the install.

Paste this command into Windows PowerShell. The script explains what it will do, then pauses before running.

  1. 1Launch Windows PowerShell — press Win + X and select Windows PowerShell, or press Win, type PowerShell, and open it.
  2. 2Copy the command below, paste it into PowerShell, and press Enter.
  3. 3Press Enter, review the prompts, then continue the installation.
npx skills add remotion-dev/skillsnpx skills add remotion-dev/skills
Copy

Available skills​

/remotion-best-practices​

This skill encompasses all other skills.
Use it if you are not sure which specific skill to use.

/remotion-create​

Create a new Remotion project or composition.

Agent Skill
/remotion-createMake a promo video for a record store

/remotion-markup​

Best practices for writing Remotion React markup.

Use this for knowledge about compositions, animations, layout, typography, media elements, effects, audio, fonts, timing.

Agent Skill
/remotion-markupCreate an animated title card using Inter.

/remotion-studio​

Launch the Studio to see a preview of your video.

Agent Skill
/remotion-studio

/remotion-render​

Invoke a render into a video or a still.

Agent Skill
/remotion-render

/remotion-maps​

Best practices for creating map animations in Remotion.

Use this for static maps, animated routes and markers, geographic explainers, Mapbox, MapLibre, MapTiler, GeoJSON, and 3D geographic flyovers with CesiumJS.

Agent Skill
/remotion-mapsAnimate a route from Los Angeles to New York and make the camera follow it.

/remotion-captions​

Guidance for captions and subtitles.

/remotion-saas​

Architecture guidance for Remotion-powered apps and product integrations.

Agent Skill
/remotion-saasTurn my video into a SaaS.

/remotion-interactivity​

Guidance for making Remotion code editable in Studio.

Use this when elements are not selectable or editable as you would like them to be.

/remotion-docs​

Search the Remotion documentation and fetch any page as Markdown.

Use this to look up current API references, component props, and package guides before implementing.

Agent Skill
/remotion-docsHow to set up Remotion Lambda?

/remotion-upgrade​

Upgrade Remotion, related packages, compatible Mediabunny packages, and installed Remotion Agent Skills.

Agent Skill
/remotion-upgrade

/remotion-multimedia​

Guidance for browser-based multimedia handling with Mediabunny.

Use this for advice on how to get video and audio metadata.

Made on
Tilda