ORLOV ゲーム

スキル ·

Remotion スキル — エージェントが React で書く動画

Remotion はコードで動画を作るためのものです。すべてのフレームが React コンポーネントから生まれます。Remotion チームはそのためのエージェントスキルを用意しているので、動画を普通の言葉で説明すれば、コーディングエージェントが Remotion の推奨どおりに書いて、プレビューし、レンダリングします。

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でした。

コードのウィンドウの横に動画のフレームが並び、再生ボタンがあります。
動画を説明すれば、エージェントがコードとして書きます。

スキルでできること

仕組み

あなたが動画を説明します。エージェントはそれを React コンポーネントとして書き、Studio で確認させ、ファイルにレンダリングします。動画はコードなので、1行変えてレンダリングし直すこともできます。

先に知っておきたいこと

スキルのリポジトリには独自のライセンスの記載がなく、Remotion 本体には特別なライセンスがあります。個人、従業員3人までの企業、非営利団体は、商用の動画でも無料で使えます。それより大きい営利企業には企業ライセンスが必要です。

インストール方法

プロジェクトで次を実行します:

npx skills add remotion-dev/skills

新しい Remotion プロジェクトを作るときにスキルを追加することもできます:

bun create video

あとはエージェントに頼みます。たとえば「Create an animated title card using Inter.」

GitHub で Remotion Agent Skills を見る