mcpField
R
rn-bw-text-opener

rn-bw-text-opener

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

rn-bw-text-opener について

rn-bw-text-openerは、黒背景に白い文字を一文字ずつ表示し、タイピング音を同期させる再利用可能な短いオープニングアニメーションを作るスキルです。語句の置き換えや本編への切り替えにも対応しますが、フレーム単位の再現は保証しません。

主な機能

  1. 01文字を一文字ずつ表示
  2. 02タイピング音を文字表示に同期
  3. 03任意の語句置き換えに対応
  4. 04付属スクリプトでタイミングを計画
  5. 05HyperFrames、Remotion、ffmpegで制作

活用シーン

  1. 01短いフレーズから動画オープニングを制作
  2. 02置き換えテキストで二つの考えを対比
  3. 03製品シーンの前にタイプ表示のタイトルを追加
  4. 04単独のオープニングと全体構成を書き出し

インストール

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

$npx skills add https://github.com/pluviobyte/rnskill --skill rn-bw-text-opener

インストール後、Claude Code で/rn-bw-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文字ずつ表示され、タイピング音のクリック効果音と同期します。任意で単語を置き換え、メイン動画へスムーズに移行します。

このスキルは生成型です。元のフレームをコピーしたり、参照映像とのピクセル単位の一致を約束したりしないでください。既存の動画と完全に一致させるよう求められた場合は、まず rn-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文字ずつ表示 -> フレーズをホールド -> 置き換え後のテキストを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／製品動画では、このオープニングの後に rn-dark-saas-video を続けられます。オープニングは、メインの製品シーンよりシンプルにしてください。

3. QC

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

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

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

出力

次を返してください。

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

コメント

Markdown 対応