Remotionの13の公式スキルを紹介:動画制作・字幕・プレビューをどう使い分ける?
Remotionの公式スキル13本を、動画の作成、字幕、地図、プレビュー、書き出しなどの用途別に紹介します。必要環境、公式の導入方法、料金・ライセンスの確認点も整理。スキル本体は配布せず、公式GitHubへ案内します。
AIに動画制作を頼むときは、映像の内容だけでなく、プロジェクトの作り方や確認の順序も伝える必要があります。Remotionの公式スキルは、その作業を進めるための手順をまとめたものです。
2026年11月13日に確認した公式の配布リポジトリには、13本のスキルがあります。この記事では、どの作業にどれを使うかを独自に紹介します。AI Skill MarketはRemotionの公式窓口ではなく、スキル本体やその翻訳版を転載・配布していません。入手先は各項目の公式リンクです。
スキルと、動画を作る実行環境は別です
スキルは、AIエージェントに作業の進め方を教える資料です。動画生成モデルでも、単体で動く編集アプリでもありません。公式ドキュメントでは、Claude、Codex、Cursorなどのコーディングエージェントでの利用が案内されています。
実際に動画を作る場合は、Remotionのプロジェクト、Node.js、必要なパッケージ、ブラウザーなどを別途用意します。新規プロジェクトの作成手順にはGitも登場します。一方、ドキュメントやライセンスを調べる作業だけなら、動画制作の環境がすべて必要になるわけではありません。
以下は公式の資料を読んだうえでの紹介です。当サイトで13本を実行したり、動画を書き出したりした結果ではありません。
1. remotion-best-practices:作業に合うスキルを選ぶ入口
作成、字幕、プレビューなど、依頼に応じて別のスキルへ案内する役割です。まず何を読ませればよいか迷った場合の入口になります。関連する参照資料と組み合わせて使う構成です。
2. remotion-create:新しい動画の制作を始める
既存プロジェクトの有無を確かめてから、必要な場合だけ新規作成へ進む手順です。動画の構成を作り込む前にプレビューを開く流れも扱います。フォルダーや依存パッケージが変更されるため、実行場所の確認が必要です。
3. remotion-markup:文字・画像・動きのコードを書く
映像内の配置やアニメーション、音声などを、Remotionの書き方に合わせて組み立てるための資料です。通常のWebページと同じ感覚で時間経過を扱わず、動画のフレームに沿って動きを決める点が重要です。
4. remotion-studio:制作途中の動画を確認する
Remotion Studioを起動し、ブラウザーでプレビューを確認するためのスキルです。完成後に初めて見るのではなく、作業中から表示して修正を進めたいときに使います。接続先は決め打ちせず、起動時に表示されたURLを確認します。
5. remotion-render:動画や静止画を書き出す
プレビューで確認した内容を、動画ファイルや静止画として出力するための手順です。表示を確認することと、ファイルを書き出すことを分けて扱います。レンダリング用のブラウザーや、利用条件に応じたライセンス設定も確認対象です。
6. remotion-captions:字幕のデータと表示を扱う
文字起こし、SRTからの取り込み、字幕の表示に関する資料への入口です。字幕を画面に出す処理と、音声から文字を起こす処理では必要な環境が異なります。日本語の文字起こしでは、選ぶモデルや言語設定も確認してください。
7. remotion-maps:地図や移動ルートを映像にする
地図上の移動や地点の紹介など、表現したい場面に合わせて実装方法を選ぶためのスキルです。地図サービスによってAPIキー、課金、データや画像の利用条件が異なります。スキルを入れただけで地図素材の権利まで得られるわけではありません。
8. remotion-interactivity:Studioで編集しやすくする
文字や映像の部品を、Studioで選択・移動・調整しやすいコード構造にするための資料です。「見た目はできたが、画面から直したい部分を選べない」という問題を避けるために、部品の分け方や値の置き方を考えます。
9. remotion-multimedia:音声・動画ファイルの情報を調べる
Mediabunnyを使って、音声や動画の長さ、映像の大きさなどを調べる資料です。素材をタイムラインへ配置する前に、入力ファイルの情報を確認したい場合に役立ちます。対応形式やブラウザーの機能にも左右されます。
10. remotion-saas:動画機能をアプリへ組み込む
動画のプレビューや書き出し機能を、サービスやアプリの一部として設計するための案内です。個人の動画1本を作る作業とは必要な検討が異なり、実行基盤、保存先、運用費用なども考えることになります。
11. remotion-docs:公式ドキュメントで調べる
APIや設定を記憶だけで決めず、公式資料を探して読むためのスキルです。制作コードを書く前に、現在の仕様を確認したい場合に使えます。調査にはネットワークへのアクセスが必要です。
12. remotion-license:利用条件の確認先を探す
Remotionのライセンス、FAQ、規約、購入案内など、公式の確認先を示すスキルです。読むだけで利用許諾が追加されるものではありません。利用者や用途に合う条件を、公式の最新情報で確認します。
13. remotion-upgrade:関連パッケージを揃えて更新する
プロジェクトの構成やパッケージ管理方法を確認し、Remotionと関連パッケージを更新する手順です。既存の変更を保ち、更新後のバージョンや差分を確認する流れを扱います。実行するとプロジェクトが変わるため、作業途中の状態を保存してから検討してください。
導入は公式の案内から
公式ドキュメントでは、Remotionが入っているプロジェクト向けに次の例が掲載されています。
npx remotion skills add
Remotionがプロジェクトに入っていない場合の案内は、次のコマンドです。
npx skills add remotion-dev/skills
どちらも本記事では未実行です。パッケージの取得やファイルの変更を伴う可能性があります。実行前に対象フォルダー、導入先、利用するエージェント、最新の公式手順を確認してください。
最初の依頼では、作るものと確認の範囲を分けると伝えやすくなります。たとえば「15秒のイベント案内を作りたい。日時と会場は提供した内容だけを使い、まずプレビューを見せて。動画の書き出しは確認後にして」という頼み方です。これは説明用の依頼例で、実行結果の紹介ではありません。
無料の資料と、利用料金・再配布の条件を分ける
GitHubで手順を読めることと、Remotion本体、レンダリング基盤、地図や音声などの外部サービスを無条件で使えることは別です。料金やライセンス、素材の権利は、利用者と用途に合わせて公式情報を確認してください。
AI Skill Marketではスキルを再梱包して配布する許諾範囲を確定できていないため、出品ではなく公式リンクによる紹介にしています。これは、Remotionのあらゆる再配布が禁止されていると断定するものではありません。
公式の導入ドキュメント / 公式の配布リポジトリ / 正本のスキルソース / 公式リポジトリのライセンス
確認日:2026年11月13日。配布リポジトリの参照コミットは7e541aa4d7361dfaca0780a565a47307eb7bdfbb、公式ドキュメントの参照コミットは88cf869fa8b2b0bf5b6867f81a4543c03a864e98です。内容は今後変更される場合があります。