mcpField
R
remotion-video-agent

remotion-video-agent

github.com/frankxaiクリエイティブ・メディア85113 回インストール2 週間前に更新
リポジトリ

remotion-video-agent について

Remotionで動画を制作するためのワークフロースキルです。動画制作者向けに、形式やシーンの時間設計、Reactでの構成、レンダリング、納品前の確認を整理します。

主な機能

  1. 01形式と尺の設計
  2. 02フレーム範囲でのシーン分割
  3. 03時間を固定したReactコンポーネント
  4. 04Remotionのレンダリング手順
  5. 05書き出しと納品の確認

活用シーン

  1. 01動画コンポジションの計画
  2. 02Reactで時間指定のシーンを構築
  3. 03納品前のレンダリング動画確認

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/frankxai/awesome-motion-design-agent-skills --skill remotion-video-agent

インストール後、Claude Code で/remotion-video-agentを入力して読み込まれたか確認します。

詳細

Remotion 動画エージェント

ワークフロー

  1. コンポジションの形式を確認します:アスペクト比、尺、FPS、用途、音声/音楽の要件。
  2. 動画をフレーム範囲ごとのシーンに分割します。
  3. タイミングが決定的になるよう、React コンポーネントとしてシーンを構築します。
  4. Remotion のヘルパーを使って、補間、シーケンス、オーディオ、静的ファイル、レンダリングを処理します。
  5. 納品には MP4 を優先します。GIF はプレビューまたはドキュメントにのみ使用します。
  6. 最終納品の前にレンダリングして確認します。

便利なデフォルト設定

  • 一般的な動画では 30 FPS。
  • 動きの品質が必要な場合に限り 60 FPS。
  • 縦型ソーシャル動画では 1080x1920。
  • YouTube/デモでは 1920x1080。
  • ローンチ告知用のプレビューループでは 1200x630 または 1600x900。

QA

  • テキストが途切れていないこと。
  • シーンのタイミングに無音の間がないこと。
  • 動きが台本を引き立てていること。
  • アセットのライセンスを取得しているか、所有していること。
  • 音声レベルがクリッピングしていないこと。
  • GIF の書き出しでファイルサイズを考慮していること。

コメント