<!-- This file is generated by packages/skills/scripts/sync-readme.ts. -->

# Remotion Agent Skills

Remotion maintains a list of [Agent Skills](https://agentskills.io/home) 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:

```bash
npx skills add remotion-dev/skills
```

You are also offered the option to add skills when you create a new Remotion project:

```bash
bun create video
```

For more information, see the [Remotion Agent Skills documentation](https://www.remotion.dev/docs/ai/skills).

## 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.

> Example prompt: `/remotion-create Make 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.

> Example prompt: `/remotion-markup Create an animated title card using Inter.`

### `/remotion-studio`

Launch the Studio to see a preview of your video.

> Example prompt: `/remotion-studio`

### `/remotion-render`

Invoke a render into a video or a still.

> Example prompt: `/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.

> Example prompt: `/remotion-maps Animate 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.

> Example prompt: `/remotion-saas Turn my video into a SaaS.`

### `/remotion-interactivity`

Guidance for making Remotion code [editable](https://www.remotion.dev/docs/studio/interactivity) 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.

> Example prompt: `/remotion-docs How to set up Remotion Lambda?`

### `/remotion-upgrade`

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

> Example prompt: `/remotion-upgrade`

### `/remotion-multimedia`

Guidance for browser-based multimedia handling with Mediabunny.

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