Remotion维护一份代理技能列表，定义了在Remotion项目中工作的最佳实践。

这些技能对Claude Code、Codex、Kimi Code或Cursor等AI代理非常有用。

你可以通过以下方式安装它们：

创建新的Remotion项目时，你还可以选择添加技能：

更多信息请参见Remotion Agent技能文档。

可用技能

/remotion-best-practices

这项技能涵盖了所有其他技能。

如果你不确定具体用哪种技能，可以用它。

/remotion-create

创建一个新的Remotion项目或作品。

示例提示：/remotion-create Make a promo video for a record store

/remotion-markup

编写Remotion React标记的最佳实践。

用这些知识来了解构图、动画、布局、排版、媒体元素、特效、音频、字体、时间控制等。

示例提示：/remotion-markup Create an animated title card using Inter.

/remotion-studio

启动Studio查看视频预览。

示例提示：/remotion-studio

/remotion-render

在视频或静态画面中调用渲染效果。

示例提示：/remotion-render

/remotion-maps

Remotion 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

Or install them with the GitHub CLI:

gh skill install remotion-dev/skills

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

bun create video

For more information, see the Remotion Agent Skills documentation.

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