AIとRemotionをつなげて動画生成させるというアレ

Remotionという、プログラムを組んで動画を生成するReact製プログラムとAIを組み合わせて動画生成、という話題を見かけたので試してみるなどした。まずAntigravityやgemini-cliなどにスキルをインストール、「SCRIPT.mdに従って動画を生成して」と指示*1。しばらくすると完成という。これ、うまく使えばいろいろできそうかも……。ちなみに一回Antigravityでの生成も試してみたが、gemini-cliでの生成に切り替えたのは秘密。以下はスキルインストールの手順やらSCRIPT.mdやら生成された動画。 (※記事画像はRemotionのWebUI画面)

スキルインストール

RemotionのAgent Skillsを導入しておくことでスムーズに生成できると思う。

npx skills add remotion-dev/skills

プロンプトに従ってインストールすれば行ける……はず*2。
インストール対象のエージェントはスペースキーで選択すべし(何回かやり直した)。

gemini-cliの場合、認識されていれば/skills listで出てくるはず。

SCRIPT.mdの中身

単なるスライドショー動画で、BGM・効果音は今回入れていない。

# 動画生成タスク

## タイムライン

※重要: 動画右下に常時"@abyssluke"のウォーターマークを表示する(フォントサイズは小さめ)。

- 画像なし
  - テロップ: Remotionのテスト動画だよ！
- 画像: images/0001.jpg
  - テロップ: ダイソーで買ったPD対応モバイルバッテリー(1100円)
- 画像: images/0002.jpg
  - テロップ: 急速充電プロトコルすごく対応している！
- 画像: images/0003.jpg
  - テロップ: PPSにも対応！
- 画像なし
  - テロップ: テスト動画でした！
  - テロップ(小): Produced by @abyssluke, Made with Gemini-CLI+Remotion
- 画面フェードアウト、動画終了

## 演出について
- アニメーションをふんだんに使う。