motion-prompt-writer について
motion-prompt-writer は、ブランド資料と一つの視覚的な変化から Claude Motion 用プロンプトを作るスキルです。不足する必須情報を先に確認し、一貫したモーションブリーフを整えます。
主な機能
- 018部構成のモーションブリーフ
- 02提供資料に基づくブランドカラー
- 03変化を一つに絞ったシーン説明
- 04オリジナリティ指針付きテンプレート
- 05差し替え用シーン案
活用シーン
- 01ブランド向けモーショングラフィックのプロンプト作成
- 02ループする告知ビジュアルの企画
- 03指定サイズと長さに合わせたアニメーション設計
インストール
コマンドをコピーしてターミナルで実行します。
npx skills add https:/ / github.com/ charlie947/ motion-graphics-skills --skill motion-prompt-writerインストール後、Claude Code で/motion-prompt-writerを入力して読み込まれたか確認します。
同梱ファイルCANON-FACTS.txt
詳細
Claude Motion のプロンプトを8つのパートで作成します。動画自体を作成することはありません。
パート1〜7はブリーフです。同じブランドの動画では、毎回同じ内容を使います。 パート8はシーンです。変更するのはこのパートだけです。
1. 提供された内容を確認します。ブランド(ウェブサイトのスクリーンショット、ロゴ、16進カラーコード、ブランドガイド)、見せたい瞬間、必要に応じてサイズと長さです。 2. 必須情報が不足している場合は、4つ以下の質問をまとめて一度に尋ねてから、返答を待ちます。 - 瞬間:画面上で何が変わりますか?(前後で変わることは1つ) - 画面上に表示する正確な言葉と数字(実在するものに限り、決して創作しないでください)。 - サイズ:1080x960(ニュースレターまたはタイル)、1080x1350(LinkedIn 4:5)、1080x1920(9:16 リール)、または1920x1080(16:9)。 - ブランド:何も提示されていない場合に限ります。ブランドがない場合は、以下のAppleスタイルのデフォルトを使い、その旨を伝えます。 すでに回答済みの項目は省略します。 3. ブランド:16進カラーコードは、ユーザーが入力したものか、ファイル内で明確に読み取れるものだけを使用します。カラーコードを推測してはいけません。色が不明瞭な場合は、確認します。 4. シーンは2〜3文で1つの瞬間として書きます。主役となるオブジェクト、1つの変化、そしてリセットの順です。アイデアに複数の瞬間が含まれている場合は、最も効果的なものを選び、後で差し替えられる追加シーンとして、残りをリストにします。 5. その後、プロンプトを書きます。<the_8_parts>
- 基準:品質レベルを1行で示し、「この基準を満たせないなら、未完成です」と添えます。
- フォーマット:幅 x 高さ(ピクセル単位)、正確な秒数(デフォルトは6秒)、シームレスループ(最後のフレームを最初のフレームと一致させる)、音楽のオン/オフ。
- 唯一のルール:主役となるオブジェクト1つがフレームの60〜70%を占め、満足感のある変化を1つ見せてから、リセットします。
- 見た目:背景、奥行き(影、ガラス、ハイライト)、実際のコンポーネント、アクセントカラーは16進カラーコードで1〜2色、フォント、主役となる単語または数字は120px以上、ラベルは34px未満にしない、画面上の文字は最大5語。
- 動き:小さな揺れを伴うスプリング物理。直線的な動きは不可。変化後の状態を少なくとも1.2秒保ち、常に何か1つを動かしつつ、焦点は1つだけにします。
- 禁止事項:グレーのプレースホルダーバー、ストックアイコン、絵文字、クリップアート、ブランドが明るい場合の暗い背景やノイズの多い背景、広い空間に浮かぶ小さなオブジェクト、他ブランドの実際のロゴ。
- 完成前に:1秒ごとに静止画をレンダリングし、それぞれをデザインディレクターの視点で評価します。次に幅200pxでも確認し、ありきたり、安っぽい、小さすぎる、または余白が多すぎる要素を修正します。
- シーン:2〜3文で1つの瞬間を説明します。 また、短い「オリジナリティ」の項目を追加します。すべての要素はオリジナルであり、実在する製品のUI、アイコン、ロゴを決して模倣しないこと、確認を求めずにすぐ作成することを明記します。 </the_8_parts>
<apple_style_default> ブランドがない場合に使用します。「Appleスタイルのデフォルト。ブランドに合わせて置き換えてください」と明記します。
- 基準:Appleの基調講演の品質。触感があり、物理的で、精密かつ高級感のある仕上がり。
- 見た目:明るい背景 #F5F5F7、重なり合う柔らかな影、明るい1pxの縁取りがあるすりガラスのパネル、macOSおよびiOS品質のスクワークルとウィジェット。システムカラーは控えめに使用します:青 #0A84FF、緑 #30D158、オレンジ #FF9F0A、赤 #FF453A、紫 #BF5AF2(作品ごとに1〜2色)。フォント:Interまたはsystem-ui、詰めた字間、太字。 </apple_style_default>
<output_format> 出力は3つのパートのみです。 パート1:使用したブランド(ユーザーのブランド、またはAppleスタイルのデフォルト)を1行で記載します。 パート2:完全なプロンプトをコードブロック1つに記載します。冒頭は「モーショングラフィックを作成してください。このモーションブリーフに厳密に従ってください:」とし、続けて「# モーションブリーフ: 」という見出しを置き、上記の順番で8つのパートを「## 」見出しとして記載し、最後に「## オリジナリティ」を置きます。 パート3:パート8に差し替えられる追加シーンを2〜3個、同じブランドで1行ずつ記載します。 パート1〜7をmotion-brief.mdとして保存し、任意のMotionチャットに添付して、次回は「シーン」だけを変更するよう伝えます。 </output_format> 「登録者数が増えていくモーショングラフィックを作成して」とあり、具体的な数値がない場合は、実際の数値を尋ねます。まだプロンプトは書かないでください。 ウェブサイトのスクリーンショットから、ネイビーとオレンジがはっきり分かる場合は、その16進数コードを「Look」で使います。自分のものではないロゴは含めません。 「チェックマークに変わるボタン」とあり、ブランドが指定されていない場合は、Apple風のデフォルトでラベルを付けて、プロンプト全体を書きます。
場面、または実際の文言や数値が不足している場合は、それらだけを尋ねて待ちます。すべて提示されている場合は、すぐにプロンプトを書きます。