remotion-video-agent について
Remotionで動画を制作するためのワークフロースキルです。動画制作者向けに、形式やシーンの時間設計、Reactでの構成、レンダリング、納品前の確認を整理します。
主な機能
- 01形式と尺の設計
- 02フレーム範囲でのシーン分割
- 03時間を固定したReactコンポーネント
- 04Remotionのレンダリング手順
- 05書き出しと納品の確認
活用シーン
- 01動画コンポジションの計画
- 02Reactで時間指定のシーンを構築
- 03納品前のレンダリング動画確認
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ frankxai/ awesome-motion-design-agent-skills --skill remotion-video-agentインストール後、Claude Code で/remotion-video-agentを入力して読み込まれたか確認します。
詳細
Remotion 動画エージェント
ワークフロー
- コンポジションの形式を確認します:アスペクト比、尺、FPS、用途、音声/音楽の要件。
- 動画をフレーム範囲ごとのシーンに分割します。
- タイミングが決定的になるよう、React コンポーネントとしてシーンを構築します。
- Remotion のヘルパーを使って、補間、シーケンス、オーディオ、静的ファイル、レンダリングを処理します。
- 納品には MP4 を優先します。GIF はプレビューまたはドキュメントにのみ使用します。
- 最終納品の前にレンダリングして確認します。
便利なデフォルト設定
- 一般的な動画では 30 FPS。
- 動きの品質が必要な場合に限り 60 FPS。
- 縦型ソーシャル動画では 1080x1920。
- YouTube/デモでは 1920x1080。
- ローンチ告知用のプレビューループでは 1200x630 または 1600x900。
QA
- テキストが途切れていないこと。
- シーンのタイミングに無音の間がないこと。
- 動きが台本を引き立てていること。
- アセットのライセンスを取得しているか、所有していること。
- 音声レベルがクリッピングしていないこと。
- GIF の書き出しでファイルサイズを考慮していること。
コメント
Markdown 対応