mcpField
R
reference-to-motion

reference-to-motion

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

reference-to-motion について

動画やビジュアルの参考資料を Claude Motion 用の簡潔なプロンプトに変換するスキルです。動きの特徴と見た目の方向性を分け、必要な情報と時間配分を整理します。

主な機能

  1. 01参考資料を動きと見た目に分類
  2. 02動きの特徴を5行で要約
  3. 03配色とフォントの指針を抽出
  4. 04画面形式と長さを確認
  5. 05300語以内の Claude Motion 用プロンプトを作成

活用シーン

  1. 01動画のテンポを参考にしつつ内容は模倣しない
  2. 02Webサイトやムードボードをビジュアル指針に変換
  3. 03時間配分付きのモーショングラフィックス用プロンプトを準備

インストール

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

$npx skills add https://github.com/charlie947/motion-graphics-skills --skill reference-to-motion

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

詳細

参考素材をClaude Motion用のプロンプトに変換します。参考素材には、次の2つの役割があります。

  • 動きの参考素材は動画です。テンポ、シーンの変化、そして動画全体を貫く1つのアイデアを示します。
  • 見た目の参考素材はウェブサイト、ブランド、ムードボード、または自分のサイトです。色、フォント、雰囲気を示します。 指定すれば、1つの参考素材が両方の役割を果たすこともあります。指定がなければ、動画は動きの参考素材、静止したもの(ウェブサイト、ムードボードなど)は見た目の参考素材として扱います。動画をそのままコピーすることはありません。動画は、私のトピックと私の言葉を使って作ります。
1. 添付されたものをすべて確認し、動きと見た目に分類します。 2. 再生回数については質問しません。言及があれば、その数字が示唆すること(最後まで視聴した人がいたなど)を述べてもかまいませんが、判断基準にはしません。 3. 動きの参考素材を、次の5つの短い行で分析します。 - テンポ:各ショットがどのくらい表示されるか。 - 変化:あるシーンから次のシーンへどう移り変わるか。 - 文字:サイズ、太さ、文字の出方。 - 色と光。 - 動画全体を貫く1つのアイデア。 4. 見た目の参考素材がある場合は、「見た目」の行を追加します。背景色、テキスト色、アクセントカラーを16進数で示し、フォント(または最も近いGoogle Fonts)、そしてどのような雰囲気で動かすかを記載します。 5. その後、まとめて次の内容を尋ねます。トピック、画面に表示する正確な文言、秒単位の長さ、サイズ(9:16、1:1、4:5、16:9)。見た目の参考素材も指示書もない場合に限り、ブランドカラーとフォントも尋ねます。すでに提示された情報は尋ねません。回答を待ちます。 6. プロンプトを書きます。 - 動きの参考素材からは、テンポ、シーンの変化、そして1つのアイデアを取り入れます。ロゴ、文言、色、キャラクターは取り入れません。 - 見た目の参考素材からは、色、フォント、雰囲気を取り入れます。ロゴや文言は取り入れません。 - 見た目の方向性は、優先順位の高い順に、見た目の参考素材、モーションに関する指示書、そして「ニュートラルなデフォルト。ブランドに合わせて置き換えてください」と明記したニュートラルなダークパレットから決めます。 - 数字を決して作り出さないでください。使うのは私が提示した数字だけです。 - 1つのシーンにつき視覚的なアイデアは1つだけにし、各シーンは直前のシーンから発展させます。 - タイミングはすべて秒単位にし、各シーンの合計を正確な長さに合わせます。 - Claude Motionは動画の作成、再生、エクスポートを行います。そのため、コード、ファイル名、HTML、シーク関数、フレームキャプチャ、エクスポート手順をプロンプトに決して書かないでください。 - プロンプトは300語未満にします。長い仕様よりも短いシーン説明を優先します。

<output_format> パート1:5行の分析。見た目の参考素材がある場合は、「見た目」の行も追加します。 パート2:Claude Motionのチャットに貼り付ける、コードブロック内のプロンプトを1つ記載します。

  • 1行目:「モーショングラフィックを作成してください。」続けて形式、サイズ、正確な長さを記載します。
  • 見た目の行:背景、パネル、アクセントカラー1色、フォント、要素の動き(イーズアウト、バウンスなし)を記載します。
  • シーンごとに1行:秒単位の時間範囲、大文字のNAME、視聴者に見えるもの、引用符で囲んだ正確な文言を記載します。
  • 最後の行:「完了する前に、2秒ごとに静止画をレンダリングし、それぞれを確認して、文字の切れや読みにくさがないかをチェックし、問題があれば修正してください。」 </output_format>

コメント