remotion-motion-graphics について
短い無音の Remotion モーショングラフィックスを制作するワークフロースキルです。ロゴ演出やタイトルカードなどを対象に、3～10秒の出力と、フォントやスプリングベースの動きを指定します。
主な機能
- 013～10秒のグラフィック制作
- 02ループやスティンガーの作成
- 03spring と interpolate による動き
- 04Google Fonts による書体設定
- 05滑らかな登場と退出の設計
活用シーン
- 01ロゴ演出の作成
- 02タイトルカードのアニメーション
- 03ローワーサードの制作
- 04短い告知バンパーの制作
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/インストール後、Claude Code で/remotion-motion-graphicsを入力して読み込まれたか確認します。
詳細
Remotion モーショングラフィックスのワークフロー
ナレーションなしの、10 秒未満の極めて短く、洗練されたモーショングラフィックスを制作します。
契約と前提条件
- 入力： タイトルテキスト、ロゴ、統計情報、または短い告知テキスト。ナレーションなし。
- 出力： フレーム単位で決定論的なモーショングラフィックスのループまたはスティンガー、3～10 秒（30fps で 90～300 フレーム）。
- トリガー： 「ロゴスティング」、「アニメーションタイトルカード」、「ローワーサード」、「モーショングラフィックスのバンパー」。
技術ガイドライン
- すべての動きを
spring()とinterpolate()に基づいて導出してください。 - タイポグラフィには
@remotion/google-fontsを使用してください。 - 滑らかな開始と終了を実現するスプリング物理を実装してください。
コメント
Markdown 対応