プロダクトローンチモーションフィルム用プロンプト
Claude Opus 5.5 で、1 つの HTML ファイルからプロダクトローンチ UI モーションフィルムを作成するための詳細なプロンプトテンプレート。プロンプトバーが音楽ビートに同期してさまざまな UI 要素に変化します。
プロンプト
<inputs>
以下を尋ねてください：ワードマーク用の一語のプロダクト名、アクセントカラー 1 色、およびロイヤリティフリーの約 120 BPM のトラック（例：Mixkit、商用利用可）。
</inputs>
<direction>
1 つの連続カットで構成されるプロダクトローンチ UI モーション。一つの形状がストーリー全体を伝えます：プロンプトバーはボタンになり、ボタンはプログレスリングになり、リングはプレビューウィンドウになり、ウィンドウは画面いっぱいに広がり、その後トースト通知に縮小し、再びプロンプトバーに戻ります。シーン間のカットやフェードはありません：オブジェクトが変形します。カーソルが実際のクリックですべての変化を引き起こします。暖かみのあるオフホワイトのキャンバス、黒い UI、1 つのアクセントカラー、UI とワードマークには Inter フォントを使用。バウンド感のないわずかなオーバーシュートを伴うスプリングアニメーションを随所に使用。カメラズームにより各瞬間が正方形のフレームを埋め尽くします。
禁止事項：クロスフェード、UI 上のグラデーション、パーティクル、グロー効果、バウンシーなイージング、死んだビート、テンプレートのように見えるものすべて。
</direction>
<structure>
120 BPM、24 ビート、すべてのビートで何かが起こります。
プロンプトバーにリクエストを入力 → 送信をクリック → バーが黒い円に崩壊 → プログレスリングが 4 ステップで充填され、同時に 4 つのチップがスプリングアウト（concept, storyboard, motion, sound）→ チップがタイムラインへ飛び込み、円がプレビューウィンドウに変化 → プレイヘッドがクリップをスイープ → プレビュー内で軌道が描かれ、惑星が動き出し、ワードマークがマスクラインから文字ごとに上昇 → プレビューが画面いっぱいになる → 文字が落下し、惑星がトースト通知に飛び込みチェックマークに変化 → "Rendered in code · 60 fps" → トーストが空のプロンプトバーに戻る。最終フレーム = 最初のフレーム。
</structure>
<build>
1. 1440x1440 キャンバスを持つ単一の HTML ファイル。seek(t) 内ですべてを描画：CSS トランジション、タイマー、またはフレーム間で保持される状態は使用しない。
2. クローズドフォームのスプリングステップ応答を使用。値がターゲットを複数回変更する場合、変更ごとに 1 つのスプリングを追加し、時間の純粋な関数として維持する。
3. メインシェイプは角丸長方形であり、その幅、高さ、半径、位置、色はそれぞれスプリングチェーンで制御される。
4. タイピング表示は時間から導出：表示文字数 = floor(progress × length)、アイドル時のみ点滅するキャレット付き。
5. トラックのビートグリッドを検出し、ダウンビートから開始し、すべてのクリック、ポップ、チャイムを実測ピークに配置する。
6. Playwright を使用して 60 fps でレンダリングし、H.264 CRF 16 でエンコード、loudnorm で -14 LUFS に正規化する。
7. まず各ビートごとに静止画をレンダリング。完全レンダリング前に、詰まり、グリッド外れ、読みにくい箇所を修正する。
</build>
<gotchas>
変形するシェイプ内のテキストには独自のクリップと個別の入退場タイミングが必要です。テキスト切り替えには重なりを防ぐための独自フェードが必要です。カーソルは開始位置と完全に一致する位置で終了しなければなりません。そうでないとループがガタつきます。
</gotchas>
このプロンプトの使い方
- 1
上の完全なプロンプトをコピーします。
- 2
Claude Opus 5.5 に対応したプラットフォーム（YouMind など）を開き、プロンプトを貼り付けます。
- 3
アイデアに合わせて被写体・スタイル・細部を入れ替え、生成します。
これは YouMind のプロンプトライブラリにある無料の AI プロンプトです。ほかにも数千点の 動画 プロンプトがあり、すべて自由にコピーして使えます。
ほかの 動画 プロンプトを見る
その他のプロンプト機能
ビジョンツール
画像からプロンプト
どんな写真も詳細な AI 画像プロンプトに変換。無料の Image to Prompt 変換ツールが構図・スタイル・ライティングを解析し、数秒で同じ表現を再現できます。
クリエイターのために。ずっと無料。
YouMind は世界中のクリエイターに信頼される AI 制作パートナーです。ここにあるプロンプトは、より速く、より良い制作を助けるために厳選されています。