Skip to main content

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:

npx skills add remotion-dev/skills

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

bun create video

The skills are also available on GitHub here.

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 an animated bar chart with 5 bars

/remotion-markup​

Best practices for writing Remotion React markup.

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

Agent Skill
/remotion-markupAdd a map animation, animating from LA to NY. Use Inter font for the labels.

/remotion-render​

Invoke a render into a video or a still.

/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

/mediabunny​

Guidance for browser-based multimedia handling with Mediabunny.

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