GitHub で Remotion Agent Skills を見る
Remotion は React で動画を作るためのフレームワークです。Remotion Agent Skills は、Remotion プロジェクトで作業するためのベストプラクティスをまとめた公式スキル集です。チームによれば、Claude Code、Codex、Kimi Code、Cursor などのエージェントで役立ちます。
2026年10月26日時点で、スキルのリポジトリの GitHub スター数は約5,700、Remotion 本体のリポジトリは約67,000でした。
スキルでできること
- remotion-create は新しいプロジェクトやコンポジションを始めます。たとえば「Make a promo video for a record store」。
- remotion-markup には、コンポジション、アニメーション、レイアウト、文字組み、メディア、エフェクト、音声、タイミングのルールがあります。
- remotion-studio は動画をプレビューする Studio を開き、remotion-render は動画ファイルや静止画にレンダリングします。
- remotion-captions は字幕を、remotion-maps は地図のアニメーションやルートを手伝います。
- remotion-docs は Remotion のドキュメントを検索し、remotion-upgrade は Remotion とインストール済みのスキルを更新します。
- remotion-best-practices はほかのすべてを含み、どれを使えばよいかわからないときに使います。
仕組み
あなたが動画を説明します。エージェントはそれを React コンポーネントとして書き、Studio で確認させ、ファイルにレンダリングします。動画はコードなので、1行変えてレンダリングし直すこともできます。
先に知っておきたいこと
スキルのリポジトリには独自のライセンスの記載がなく、Remotion 本体には特別なライセンスがあります。個人、従業員3人までの企業、非営利団体は、商用の動画でも無料で使えます。それより大きい営利企業には企業ライセンスが必要です。
インストール方法
プロジェクトで次を実行します:
npx skills add remotion-dev/skills
新しい Remotion プロジェクトを作るときにスキルを追加することもできます:
bun create video
あとはエージェントに頼みます。たとえば「Create an animated title card using Inter.」