Claude CodeとCodexで、生成AIではなくRemotionのコードから製品ページをシネマティックなプロモ動画に変換するエージェントスキル。
joeseesun/opus-video-prompts
Claude Opus 5.5がコードを書いて動画を生成する方法を示す、18本の完全なプロンプトと54件の公開事例を集めたコレクション。
- スター
- 517
- フォーク
- 44
- 未解決の Issue
- 0
- 最終コミット
- 24 日前
これは何?
Claude Opus 5.5は動画ファイルを直接出力するのではなく、HTML Canvas、p5.js、Three.js、Remotion、Manimのスクリプトなど、各フレームを描画するコードを書きます。そのフレームをヘッドレスブラウザーでキャプチャし、FFmpegでMP4に組み立てます。このリポジトリには、モデルのリリース後最初の1週間に公開されたプロンプトと事例が集められており、モーショングラフィックス、線画やインクアニメーション、科学解説、製品ローンチ動画、リリックビデオなどを扱っています。
各項目にはプロンプト、元の投稿へのリンク、使用ツール、投稿者が報告したおおよその所要時間と費用のメモが含まれています。短いガイドでは、Claude Codeのセットアップ、必要なローカルツール(Node.js、Chrome、FFmpeg)、コーディング前に絵コンテを作ることや、フレームごとのレンダリングを決定的にすることなど、実践的なヒントを紹介しています。
プログラムによる動画生成に使える具体的なプロンプトを知りたい開発者向けのプロジェクトです。また、出力はフォトリアルではなくスタイライズされた表現になること、長尺の作品では数ドルから数百ドルまで費用に幅があることなど、制約についてもまとめています。
主な機能
- 01一行で始めるものから、構造化テンプレート、長い仕様書形式まで、18本の完全なプロンプトを収録。
- 02元の投稿へのリンク、使用ツール、報告された所要時間や費用を記載した54件の公開事例。
- 03単一ファイルのCanvasアニメーションからRemotionやManimまで、9つの技術的な手法を概説。
- 04先に絵コンテを作る、時間に基づいて各フレームを決定的にレンダリングするといった作成のヒント。
- 05Claude Code、Node.js、Chrome、FFmpegのセットアップ情報と、制約に関するセクション。
ユースケース
- コード生成によるモーショングラフィックスや製品ローンチ動画の作成に使えるプロンプトを探す。
- TTSナレーションと二言語字幕を使った線画の解説動画が、どのように構成されているかを調べる。
- プログラムによる動画制作と従来の制作方法の費用や試行錯誤の手間を比較する。
- Canvas、Three.js、Remotionのプロジェクトで、フレームごとの決定的なレンダリング手法を学ぶ。
クイックスタート
- 1
Claude Codeをインストールし、モデルをOpus 5.5に切り替えます
- 2
MP4をレンダリングできるよう、使用するマシンにNode.js、Chrome、FFmpegを用意します
- 3
空のディレクトリを作成し、READMEにあるプロンプトのいずれかをClaude Codeに貼り付けます
- 4
Claudeがコードを書き、レンダリングとセルフチェックを行ってMP4を作成するまで待ちます
使う前に知っておきたいこと
- Opus 5.5は動画ファイルを直接出力しません。コードを書いて動画を生成するため、リアルな実写映像の生成は得意ではありません。
- レンダリングにはNode.js、Chrome、FFmpegに加え、Opus 5.5を利用できるClaude Codeのサブスクリプションが必要です。
- このリポジトリはインストール可能なソフトウェアではなく、プロンプトと事例へのリンクを集めたものです。また、ライセンスの記載はありません。
トピック
よくある質問
- opus-video-prompts とは?
- Claude Opus 5.5がコードを書いて動画を生成する方法を示す、18本の完全なプロンプトと54件の公開事例を集めたコレクション。 Claude Opus 5.5は動画ファイルを直接出力するのではなく、HTML Canvas、p5.js、Three.js、Remotion、Manimのスクリプトなど、各フレームを描画するコードを書きます。そのフレームをヘッドレスブラウザーでキャプチャし、FFmpegでMP4に組み立てます。このリポジトリには、モデルのリリース後最初の1週間に公開されたプロンプトと事例が集められており、モーショングラフィックス、線画やインクアニメーション、科学解説、製品ローンチ動画、リリックビデオなどを扱っています。
- opus-video-prompts は無料で使えますか?ライセンスは?
- opus-video-prompts にはライセンスが明記されていません。コードは公開されていますが、ライセンスがない場合は再利用の許諾がないため、利用前に作者に確認することをおすすめします。
- opus-video-prompts は今もメンテナンスされていますか?
- 活発にメンテナンス中。opus-video-prompts の最終コミットは 2026年9月27日 です。
- opus-video-prompts は何に使えますか?
- コード生成によるモーショングラフィックスや製品ローンチ動画の作成に使えるプロンプトを探す。 TTSナレーションと二言語字幕を使った線画の解説動画が、どのように構成されているかを調べる。 プログラムによる動画制作と従来の制作方法の費用や試行錯誤の手間を比較する。 Canvas、Three.js、Remotionのプロジェクトで、フレームごとの決定的なレンダリング手法を学ぶ。
- opus-video-prompts のインストール方法は?
- Claude Codeをインストールし、モデルをOpus 5.5に切り替えます MP4をレンダリングできるよう、使用するマシンにNode.js、Chrome、FFmpegを用意します 空のディレクトリを作成し、READMEにあるプロンプトのいずれかをClaude Codeに貼り付けます Claudeがコードを書き、レンダリングとセルフチェックを行ってMP4を作成するまで待ちます
- opus-video-prompts はどこで入手できますか?
- ソースコードとインストール手順は GitHub にあります:https://github.com/joeseesun/opus-video-prompts
概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。
関連プロジェクト
Claude CodeやCodexで、単語単位の音声同期とRemotionレンダリングに対応した解説動画を制作するエージェントスキル。
ClaudeにRemotionでコードからモーショングラフィックス動画を作成・編集する方法を教える、MITライセンスのエージェントスキル。
Remotionで放送番組風のモーショングラフィックスを作るAIコーディングエージェント向けの4つのAgent Skills。
After Effectsを使わず、コードでモーショングラフィックスやローンチ動画を作るClaude Codeスキル集
WebサイトのURLから、音楽に同期した効果音とモーションブラー付きの60 fps製品ローンチ動画を作るClaude Codeスキル。