remotion-captions について
remotion-captionsは、トーク動画やナレーション映像に動く字幕を加えるスキルです。単語ごとのハイライトと複数の字幕スタイルに対応します。
主な機能
- 01単語単位のアニメーション強調
- 02TikTok / Hormozi、シンプルな下部バー、YouTubeのスタイル
- 03自動テキスト折り返し
- 04セーフマージンの計算
活用シーン
- 01トーク動画への字幕追加
- 02ナレーション映像の字幕作成
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ phamthanhnghia/ remotion-agent-skills --skill remotion-captionsインストール後、Claude Code で/remotion-captionsを入力して読み込まれたか確認します。
詳細
Remotion キャプションワークフロー
既存のトークヘッド映像やナレーション映像に、単語ごとにアニメーションするキャプションや字幕を追加します。
契約と前提条件
- 入力: 映像または音声トラック+キャプションの文字起こし(JSON/SRT/VTT)。
- 出力:
<OffthreadVideo>と、単語がハイライト表示されるアニメーション字幕を含む Remotion コンポジション。 - トリガー: 「動画にキャプションを追加」「このクリップに字幕を付ける」「キャプション付きリールを作成」。
機能
spring()によるバウンスアニメーションを使った、単語単位のハイライトタイミング。- 字幕スタイルのプリセット:TikTok/Hormozi スタイル、すっきりとしたモダンな下部バー、YouTube スタイル。
- テキストの自動折り返しとセーフマージンの計算。
コメント
Markdown 対応