mcpField
B
black-white-text-opener

black-white-text-opener

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

black-white-text-opener について

黒背景に白文字を一字ずつ表示し、タイピング音と同期させて本編へつなぐ、短く再利用可能なオープニング制作スキルです。動画制作者向けに、タイミング設計からアニメーション、品質確認までを案内します。

主な機能

  1. 01文字の逐次表示
  2. 02文字表示に同期する打鍵音
  3. 03フレーズの置き換え
  4. 04決定的なタイミングプラン生成
  5. 05アニメーションと品質確認の手順

活用シーン

  1. 01製品動画の短いオープニング制作
  2. 02置き換えテキストによる対比表現
  3. 03長編動画用オープニングの準備

インストール

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

$npx skills add https://github.com/pluviobyte/video-production-skills --skill black-white-text-opener

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

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

agents/
openai.yaml
references/
motion-contract.md
timing-presets.md
tool-recipes.md
scripts/
create_opener_plan.py

詳細

Black White Text Opener

役割

短く再利用可能なオープニングアニメーションを作成します。黒い背景に大きな白いテキストを1文字ずつ表示し、タイピング音を同期させ、必要に応じて単語を置き換え、メイン動画へきれいにつなげます。

このスキルは生成型です。ソースフレームをコピーしたり、参照とのピクセル単位での一致を約束したりしないでください。ユーザーが既存の動画と完全に一致させるよう求めた場合は、まず reference-video-replica-qc に誘導してください。

必読資料

オープニングを作成する前に、次を読んでください。

  1. references/motion-contract.md
  2. references/timing-presets.md

HyperFrames、Remotion、または ffmpeg を選択する際は、references/tool-recipes.md を読んでください。

入力

次の情報を収集するか、推定してください。

  • メインのオープニングフレーズ
  • 置き換え用の単語または対比する単語（任意）
  • 最後に表示するフレーズ、ロゴテキスト、または次のシーンへの導入
  • 目標のアスペクト比と解像度
  • 長さのプリセット：micro、standard、slow
  • トーン：シネマティック、すっきりしたチュートリアル、製品ローンチ、または意見を示すオープニング
  • 次のシーンへの切り替え：フェード、白い高速ワイプ、テキストのにじみ、またはカット
  • タイピングの間隔と効果音の希望。デフォルトは 14 chars/s と控えめなキー音です

ユーザーがトピックだけを伝えた場合は、短いフレーズ案を2～3個作成し、最もすっきりしたものを選んでください。長い文章は避けてください。

デフォルト設定

  • 長さ：standard は4.8～5.8秒です。
  • 背景：純粋な黒またはそれに近い黒。ごちゃついた装飾的な背景は使いません。
  • テキスト：大きな白いサンセリフ体。中央またはやや中央より上に配置します。
  • 動き：黒画面で保持 -> 白いテキストを1文字ずつ表示 -> フレーズを保持 -> 置き換えテキストを表示 -> 最後のフレーズを入力して保持 -> 切り替え。
  • 音声：画面上に文字が現れるタイミングに合わせて、控えめなタイピング音を入れます。黒画面での保持、最後の保持、切り替えのみのフレームでは音を追加しないでください。
  • 作成ツール：仕上がりの良い動画プロジェクトには HyperFrames、プロジェクトで Remotion がすでに使われている場合は Remotion、単純なユーティリティ用オープニングには ffmpeg のみを使用します。

ワークフロー

1. タイミングプランを作成する

同梱のスクリプトを使用して、決定論的なプランを生成します。

python3 scripts/create_opener_plan.py \
  --title "AI workflow engine" \
  --replace "from idea" "to shipped video" \
  --final "Build in minutes" \
  --preset standard \
  --typing-cps 14 \
  --out opener-plan.json

シーンのタイミングとテキストの基準として、このプランを使用してください。ユーザーから指示がない限り、レンダリング中に新しいテキストを即興で追加しないでください。

2. アニメーションを作成する

モーション仕様に従ってください。

  • テキストが表示される前に、黒画面を保持する
  • テキストの各状態を1文字ずつ表示する
  • タイピング音を、同じ文字表示タイムスタンプに合わせる
  • 最初に読めるフレーズは大きく表示する
  • 置き換え状態は1～3個にとどめる
  • 最後のフレーズは読める長さだけ保持する
  • 次のシーンへきれいに切り替える

ダークなSaaS製品の動画では、このオープニングを dark-saas-magic-video の前に置けます。オープニングはメインの製品シーンよりシンプルにしてください。

3. 品質チェック

納品前に、次の点を確認してください。

  • 最初のフレームが黒またはそれに近い黒である
  • 文字が一度にすべて現れるのではなく、順番に表示される
  • タイピング音が文字の表示と同期し、保持中は鳴らない
  • 白いテキストがモバイルサイズでも読める
  • テキストがフレームの外にはみ出していない
  • 意図しない色のフラッシュがない
  • ネオンの線が背景に残り続けていない
  • 次のシーンが始まる前に切り替えが完了している
  • メディア仕様が目標のプロジェクトに合っている

このオープニングを長い動画に挿入する場合は、可能であればオープニング単体と全体の構成の両方をエクスポートしてください。

出力

次を返してください。

  • オープニングのMP4パスまたはコンポジションパス
  • タイミングプランのパス
  • 主要なテキスト状態とタイムスタンプ
  • タイピングの間隔と効果音のスケジュール
  • 品質チェックのメモ。特に最初のフレームの黒さとテキストの読みやすさ

コメント

Markdown 対応