mcpField
V
viral-video-animated-captions

viral-video-animated-captions

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

viral-video-animated-captions について

ショート動画制作者向けに、動画へ焼き込む字幕を作成するスキルです。単語ごとのタイミングをアニメーション付き ASS 字幕に変換し、FFmpeg での描画と読みやすさの確認を案内します。

主な機能

  1. 01単語・フレーズ単位の字幕タイミング
  2. 02ポップ、バウンス、カラオケ効果
  3. 03Whisper のタイムスタンプを ASS に変換
  4. 04プラットフォーム別スタイルとセーフゾーン
  5. 05FFmpeg による字幕の焼き込み

活用シーン

  1. 01TikTok や YouTube Shorts への字幕追加
  2. 02単語を順に強調する解説動画の作成
  3. 03縦型動画字幕の読みやすさと配置の確認

インストール

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

$npx skills add https://github.com/josiahsiegel/claude-plugin-marketplace --skill viral-video-animated-captions

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

同梱ファイルreferences/caption-styles-and-generation.md

詳細

CapCut風アニメーション字幕

このスキルを使うと、単語単位のタイミング、ポップ/バウンス/スケールアニメーション、カラオケ風ハイライト、プラットフォームに適した字幕スタイルで、動画に焼き込むソーシャル動画用字幕を作成できます。この SKILL は、シンプルなオーケストレーターです。詳細な ASS スタイル、スクリプト、数式、プリセットは references/caption-styles-and-generation.md に保存されています。

使用する場面

  • 単語ごと、またはフレーズごとのソーシャル動画用字幕
  • CapCut風のポップ、バウンス、スイープ、カラオケ、タイプライター字幕
  • Whisper の文字起こし結果からアニメーション付き ASS への変換
  • TikTok、YouTube Shorts、Instagram Reels、Facebook Reels 向けの字幕スタイル
  • 字幕の読みやすさ、安全領域、アクセシビリティ、モバイル向けタイポグラフィ

字幕ワークフロー

  1. Whisper または別の ASR ツールを使って、単語単位のタイムスタンプ付きで文字起こしを生成します。
  2. 単語のタイミングを ASS イベントとスタイルに変換します。
  3. ASS のタイミング単位を正しく使います。カラオケタグはセンチ秒単位、アニメーションタグはミリ秒単位です。
  4. FFmpeg で ASS を動画に焼き込みます。
  5. 読みやすさ、安全領域への配置、音声との同期、最終的なプラットフォーム仕様を確認します。

最小限の焼き込みコマンド

ffmpeg -i input.mp4 \
  -vf "ass=captions.ass" \
  -c:v libx264 -preset fast -crf 23 \
  -c:a copy \
  output_captioned.mp4

出力コンテナがソース音声に対応しておらず音声のコピーに失敗する場合は、-c:a aac -b:a 128k で音声を再エンコードしてください。

スタイルの簡単な選び方

スタイル効果おすすめの用途
Word Pop各単語がオーバーシュートしながら拡大して表示されますハイテンションなフック、ゲーム、コメディ
Highlight Sweepフレーズ全体を表示し、単語を順番にハイライトします教育的・プロ向けの解説
Karaoke Fill単語を順に塗りつぶしていきます音楽、ナレーション、歌詞風字幕
Typewriter文字が順に表示されますドラマチックなストーリーテリング
Bounce In単語が下から移動・拡大して表示されますShorts/Reels の強調ビート

タイミングと読みやすさのルール

  • 単語単位のアニメーションでは、プラットフォームに応じて通常、表示に 80~250ms、表示継続に 200~600ms が必要です。
  • 縦型ソーシャル動画では、画面上の単語数を 3~6 語にします。
  • 大きなサンセリフ体フォントを使い、コントラストを高くして、太い縁取りを付けます。
  • 揺れや点滅を過剰に使わないでください。目新しさよりもアクセシビリティと読みやすさを優先します。
  • 字幕をモバイル端末の安全領域内に収め、UI が多く表示される画面下部を避けてください。

リファレンス一覧

  • references/caption-styles-and-generation.md - 保存されているリファレンス全文:Whisper のタイムスタンプコマンド、ASS 構造、WordPop/Sweep/Karaoke/Typewriter/Bounce の例、Python による JSON から ASS への変換スクリプト、bash パイプライン、焼き込みコマンド、スタイルプリセット、配色、絵文字の統合、プラットフォームガイドライン、トラブルシューティング、スプリング/イージング/揺れ/パルスの数式、アクセシビリティガイダンス、出典。

関連スキル

  • ffmpeg-captions-subtitles - 字幕の基礎と焼き込み
  • ffmpeg-karaoke-animated-text - ASS カラオケとアニメーション付きテキストのパターン
  • ffmpeg-animation-timing-reference - タイミング単位、イージング、読みやすさ、同期
  • viral-video-platform-specs - 書き出し仕様と安全領域
  • viral-video-hook-templates - フックと視聴維持の戦略

コメント