Remotion은 Remotion 프로젝트에서 일할 때 모범 사례를 정의하는 에이전트 기술 목록을 유지하고 있습니다.

이 스킬들은 클로드 코드, 코덱스, 키미 코드, 커서와 같은 AI 에이전트에게 유용합니다.

다음 프로그램을 실행하여 설치할 수 있습니다:

새로운 Remotion 프로젝트를 만들 때 스킬을 추가할 수도 있는 옵션이 제공됩니다:

자세한 내용은 리모션 에이전트 기술 문서를 참조하세요.

사용 가능한 스킬

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