LogoAhaPrompt
  • プロンプト
  • 厳選
  • モデル
  • 投稿
  • ブログ
AhaPromptAhaPrompt

画像・動画・音声を網羅、主要モデル全対応の AI プロンプトライブラリ

Built withLogoNEXTY.DEV
探す
  • すべてのプロンプト
  • 厳選プロンプト
  • 画像プロンプト
  • 動画プロンプト
  • 音声プロンプト
  • AI モデル
  • プロンプトを投稿
  • ブログ
言語
  • English
  • 中文
  • 日本語
  • 한국어

著作権所有 © 2026 AhaPrompt 全著作権保有。

プライバシーポリシー利用規約
ホームAI プロンプトライブラリAI 動画プロンプトアートモーションアニメーションスキルのプロンプト

アートモーションアニメーションスキルのプロンプト

AClaude Opus 5.5Anthropicvideo

huashu-art-motion で15秒のアニメーションを作ってください。スキルのドキュメントは中国語なので、読んでから英語で話しかけてください。 1. まず uv、ffmpeg、Playwright Chromium があるか確認し、足りないものがあればインストール方法を教えてください。 2. 何についての作品か、誰に向けたものか、横向きか縦向きかを聞いてください。references/风格配方/INDEX.md の素材レイヤーから、合いそうなスタイルを3つ、三星のものを優先して選んでください。その3つすべてで私の題材に合わせて構図を再設計し、それぞれ互いに異なるものにし、サンプルの部屋をそのまま使わないでください。選べるように、それぞれの静止画を1枚ずつ見せてください。 3. 私が選んだら、各シーンに主要なアクションを1つと、そのスタイルのカードにあるモチーフループを2つ入れてください。ゴッホなら、渦を巻く星空と、外へ広がるランプの光の輪です。音楽がある場合は、スキルのBPM合成を使って動きをビートに合わせてください。 4. 人物を出す必要がある場合は、先に私に聞いてください。自分のキャラクターアートか、画像モデルからのフレームか、手と後ろ姿だけか。 5. レンダリング後は、スキル自体のQA手順に従ってください。まずそのQAスクリプトを実行し、次に制作に関わっていないサブエージェントに完成した映像だけを見せて問題を見つけさせ、その結果を审片/ フォルダに書かせ、その配布スクリプトで納品してください。赤い項目があれば、修正して再レンダリングしてから私に渡してください。

詳細情報
タイプ
AI 動画プロンプト
アスペクト比
16:9
Duration
0:41
更新日
2026/10/18
カテゴリ
AnimationMotion GraphicsShort Film
Source

このプロンプトの使い方

  1. 1上のコピーボタンでプロンプト全文をコピーします。
  2. 2Anthropic の Claude Opus 5.5、またはお好みの AI 動画生成ツールを開きます。
  3. 3プロンプトを貼り付け、カメラワークや動きの記述はそのまま残します——映像演出を決める部分です。
  4. 4作例の設定（16:9 · 0:41 · Animation · Motion Graphics · Short Film）に合わせて生成し、少しずつ調整を重ねます——わずかな言い回しの違いで結果が大きく変わります。

よくある質問

この動画はどの AI モデルで生成されましたか？

このクリップは Anthropic の Claude Opus 5.5 で生成されました。ページ上のプロンプトが、生成に使われた原文そのものです。

このプロンプトはどんな設定を使っていますか？

作例は Claude Opus 5.5 で、次の設定で生成されました：16:9 · 0:41 · Animation · Motion Graphics · Short Film。同じ設定を使うと最も近い結果が得られます。

似た結果を得るにはどうすればいいですか？

まずプロンプトをそのままコピーし、カメラ・動き・ライティングの記述は残して被写体だけ変えます。動画モデルは言い回しに敏感なので、数回試すのがおすすめです。

このプロンプトを改変してもいいですか？

もちろんです。シーンの差し替えやテンポ表現、アスペクト比の変更など、プロジェクトに合わせて自由に調整してください。

Claude Opus 5.5 のプロンプトをもっと見る

0:29
AClaude Opus 5.5
入力として求めるもの：ワードマーク用の1語のブランド名（動詞が理想）、高解像度写真9〜12枚、120 BPM前後で明確なドロップと静かなブレイクダウンを備えたロイヤリティフリーのトラック（Mixkit、商用プロジェクト無料）、植物の影が動く空白の壁の無料ストック写真（Pexels）。 Appleの基調講演スタイルの製品発表フィルムを純粋な2Dで、途切れないワンテイクとして制作する。すべてのシーンは前のシーンから直接進化しなければならない：フェード、ブラー遷移、カットは禁止。要素は後継へとモーフィングする。タイポグラフィはマスクエッジからせり上がり、アイコンはゼロスケールからポップし、プログレスバーはキャンバスを横切って伸び、ページはフレーム内に押し入り、黒いフォルムが画面を覆うように拡大してから次のシーンへ収縮する。 温かみのあるオフホワイトの背景、黒いインターフェース要素、写真の上に重なるiOS 26スタイルのリキッドグラスを使用する。ワードマークはArchivo（wdth 125、ウェイト800）、UIはGeistで設定する。 カーソルは実際のクリック、ドラッグ、長押しを通じてすべてのインタラクションを開始しなければならない。スクリーンスタジオのような感覚でカメラを動かし、各ビートが正方形の構図を満たすようにし、カーソルはカメラとともにスケールする。 禁止：クロスフェード、ブラーイン、明るさによる「リビール」、3Dフリップ、パーティクル、グロー、1秒を超える静止保持、そしてテンプレートに見えるものすべて。 120 BPM、54ビート、各ビートで目に見える変化を伴う。 オープニング：ワードマークがアコーディオンのように自身のピリオドに向かって収縮する。ドットが黒いピルに成長し、その中にラベルが現れる。クリックで6枚のアイリスブレードがラベルの周りで閉じ、その後写真の上へスプリング開きする。円形が正方形になり縮小する。その背後でグリッドが紙のように展開する - 中央、プラス、角 - そしてベントーレイアウトへ再編成する。クリックで1つのタイルに飛び込み、ドロップに正確に着地する。 グラス：グラスの単語が1文字ずつ構築され、その後液滴へと液化する。液滴は横に伸びてグラスツールバーになる。調整アイコンがスライダーに変形する。スライダーをドラッグすると、完全に整列した2枚のショットを使って写真が昼光からゴールデンアワーへ移行する。保持されたノブがグラスレンズになり、上昇してグラスオーブになる。次の写真が円としてオーブの中に現れる。オーブがロック画面へ拡大し、グラスの時計数字、日付、ホームバーを含む。ホームバーが外側に伸びてグラスミュージックプレーヤーになる。 ステージ：ロック画面が引き離され、その周りの電話が現れ、ベゼルは画面境界から直接成長する。ダイナミックアイランドが液体のように伸び、電話からピンチオフし、キャンバスを横切って飛び、Macウィンドウへ拡大する。ウィンドウがブラインドのように上へ巻き上がる。壁紙を長押ししてSafariタブへドラッグする。ブラウザページが前方に押し出される。画像がリリースされると、ランディングページのヒーロー画像になる。スクロール：ヒーロー画像が製品カード内の額装プリントへ変形し、マットとモールディングが写真の縁から有機的に成長する。フレームカラーを選ぶとフレーム全体に塗り広がる。サイズを選択する。ナビゲーションボタンが下方へ飛び、「プリントを注文」へ変形する。 注文：1つの黒いフォルムが連続的に状態を変える： 注文済み ✓ → 印刷中 % → 配送中（ルートを進むバン）→ 配達済み ✓。 壁：配達済みの円が拡大し、黒がフレーム全体を覆う。ちょうど1ビート保持し、その後実際の壁の映像内に掛かる額装プリントへ収縮する。同じ6枚ブレードのアイリスがアートワークの上へ開き、再び閉じる。フレームが画面を満たすまで拡大し、ピルへ収縮して戻り、ドットになり、最後に戻りのビートで文字が外側へスプリングする。 最終フレームはオープニングフレームと同一でなければならない。 1. すべてを1440×1440の単一HTMLファイル内に保つ。すべての視覚プロパティは、非同期のseek(t)関数内の時間から導出されなければならない。CSSトランジション、タイマー、フレーム間の永続状態は禁止。 すべてのスプリングモーションに閉形式のステップ応答を使用する。プロパティが複数回ターゲットを変更する場合は常に、ターゲット変更ごとに別々のスプリングを追加し、アニメーション全体が時間の純粋関数であり続けるようにする。 リキッドグラスは、すべてのグラスコンポーネントにその下のシーンの独自コピーを与えることで構築する。そのクローンを、角丸長方形の距離場に基づくSVG feImageディスプレイスメントマップで処理する。わずかに異なるスケールの3つのfeDisplacementMapに通して微妙な色収差の縁分離を生み出し、その後リムライトレイヤーを追加する。グラスタイポグラフィでは、各グリフのキャンバス距離場を生成し、ディスプレイスメント、マスキング、ハイライトに使用する。 グーエフェクトでは、ソースをぼかしてアルファしきい値を通し、その後元のソースを結果の上に再合成して内部が完全にシャープなまま保たれるようにする。 アイリスは六角形の開口部の周りに配置された6枚のブレードから構築する。各ブレードは2つの頂点、対応するエッジ延長線、それらを結ぶSHORTアークを使用する。 ワードマークの圧縮では、同じ圧縮係数を使って各文字をピリオドに向かって移動させる。描画幅をそれに応じて調整する：まずwdth軸を狭め、その後残りのジオメトリをスケールしてすべての文字が接触したままになるようにする。 すべての映像素材をffmpegでオールイントラ（-g 1）として再エンコードする。結果のメディアをblob URL経由で読み込み、毎フレーム描画する前に「seeked」を待つ。 オーディオには、各インタラクションイベント用にダウンロードしたSFX（Mixkit）を使用し、生成音は決して使わない。すべてのSFXを測定されたピークを使って配置する。音楽を正確にダウンビートで開始し、カメラの着地をドロップに合わせ、壁のシーケンスをブレイクダウン内に置き、ワードマークを戻す
詳細を見る
0:30
AClaude Opus 5.5
私に聞いてください：ワードマーク用の1語のブランド名（動詞が最適）、9〜12枚の高解像度写真、ドロップと静かなブレイクダウンを備えた約120 BPMのロイヤリティフリー曲（Mixkit、商用利用無料）、そして動く植物の影がある無地の壁の無料ストッククリップ（Pexels）。 Appleキーノート風のローンチフィルム。2Dのみ、ワンカットの連続撮影として。各シーンは前のシーンから発展する：フェード、ブラー、カットはなし。オブジェクトが変形する。テキストはマスクラインからせり上がり、アイコンはゼロから跳ね上がり、バーは画面を横切って描かれ、ページは前方に押し出され、黒い図形がフレームを満たしてから次のシーンへ縮小する。温かみのあるオフホワイトのキャンバス、黒いUI、写真の上にiOS 26のリキッドグラス。ワードマークにはArchivo（wdth 125、ウェイト800）、UIにはGeist。カーソルが実際のクリック、ドラッグ、長押しで全ての変化を引き起こす。カメラはスクリーンスタジオ風にズームし、各瞬間が正方形を満たすようにし、カーソルもそれに合わせてスケールする。 禁止：クロスフェード、ブラーイン、明るさの「現像」、3Dフリップ、パーティクル、グロー、1秒を超えるホールド、テンプレートに感じられるもの一切。 120 BPM、54ビート、毎ビートで何かが起きる。 オープニング：ワードマークがアコーディオンのように自身のピリオドへ圧縮される。ドットが黒いピルに拡大し、その中にラベルがせり上がる。クリック：6枚のアイリスブレードがラベルの上で閉じ、そして写真の上へパッと開く。円が正方形に変わり縮小する。グリッドが紙の地図のように後ろで展開し（中央、プラス、角）、ベントーに再配置され、クリックで1つのタイルにズームインし、ドロップにぴったり着地する。 グラス：ガラスの単語が1文字ずつ現れ、その後しずくに溶けてガラスのツールバーに伸びる。調整アイコンがそれをスライダーに変える。ドラッグすると写真の照明が昼からゴールデンアワーへ移行し（2枚の位置合わせされたショット）、保持されたノブがガラスのレンズになる。それがガラスの球体へ上昇し、次の写真がその中に円として開き、球体がガラスの時計数字、日付、そしてガラスのミュージックプレーヤーに伸びるホームバーを備えたロック画面へと成長する。 ステージ：ロック画面が引き下がってスマートフォンが現れ、ベゼルが画面の端から成長する。ダイナミックアイランドが液体のように伸び、ちぎれ、飛び越えて、ブラインドのように巻き上がるMacウィンドウへ拡大する。壁紙を長押ししてSafariタブへドラッグする。ページが押し出され、画像をドロップするとランディングページのヒーローになる。スクロール：ヒーローが商品カード上の額装プリントに変形し、マットと額縁が写真の端から成長する。フレームの色（塗り広がる）とサイズを選ぶと、ナビボタンが飛び降りて「プリントを注文」になる。 注文：1つの黒い図形が変わり続ける：注文済み ✓ → 印刷中 % → 配送中（ルート上のバン）→ 配達済み ✓。 壁：配達済みの円が拡大して黒がフレームを満たし、1ビート保持してから、実際の壁の映像に掛かった額装プリントへ縮小する。同じアイリスがプリントの上で開き、再び閉じる。フレームが画面を満たし、ピル → ドット → 文字が戻ってくるビートで跳ね戻る。最後のフレーム＝最初のフレーム。 1. 1つのHTMLファイル、正方形1440x1440。非同期のseek(t)内で時間から全てのスタイルを計算する：CSSトランジション、タイマー、フレーム間で持ち越される状態はなし。 2. スプリングには閉形式のステップ応答を使う。値に複数のターゲットがある場合は、変化ごとに1つのスプリングを追加して、時間の純粋関数に保つ。 3. リキッドグラス：各ガラス要素は背後のシーンの独自のクローンを保持する。そのクローンをSVG feImageディスプレイスメントマップ（角丸矩形の距離場）でフィルタし、わずかに異なるスケールの3つのfeDisplacementMapを通して色収差のエッジを作り、リムライトを加える。ガラスの文字には、グリフごとのキャンバス距離場を使ってマップ、マスク、ハイライトを構築する。 4. グー：ブラーとアルファ閾値を適用し、その上にソースを合成してガラスが内部でシャープに保たれるようにする。 5. アイリス：六角形の開口部の周りに6枚のブレードを配置する。各ブレードはその2つの頂点、両方のエッジ延長線、そしてそれらの間の短い弧を使う。 6. ワードマークの圧縮：各文字を同じ係数でドットに向かって移動させ、描画幅をそれに合わせて調整する（wdth軸を狭め、残りをスケールする）、文字同士を接触させたまま。 7. 映像：全てオールイントラで再エンコードし（ffmpeg -g 1）、blob URLとして読み込み、各フレームを描画する前に「seeked」を待つ。 8. サウンド：全てのイベントにダウンロードしたSFXを使い（Mixkit）、決して合成せず、それぞれを測定したピークで配置する。曲はダウンビートで開始する：ズームをドロップに着地させ、壁をブレイクダウンに置き、ワードマークをビートと共に戻す。Loudnormで-14 LUFSに。 9. Playwrightでレンダリング：60fpsでffmpeg tmixを使ってフレームごとに4つのサブフレームをブレンドする。1ビートにつき1フレームを確認し、次に単一フレームのポップ（隣接するフレームより3倍高いフレーム差分スパイク）を探す。 backdrop-filter: url()はChromiumでディスプレイスメントマップを誤読するので、代わりにシーンをクローンする。フラッドは角を越えて広がり約0.3秒かかる必要がある。そうでなければ画面の半分が1フレームで変わる。visibility: visibleに設定された子は非表示の親を通して表示されることがあるので、inheritを使う。変形する図形内のテキスト入れ替えには独自のマスクが必要。python http.serverは動画のレンジシークができないので、blob URLを使う。 私に入力を求めてから、完全なフィルムを書く前にビートマップと4枚のスチル（オープン、グラス、ステージ、壁）を見せてください。
詳細を見る
0:10
AClaude Opus 5.5
SVGとthree.jsとwebgl、その他のエフェクトやグラフィカルテクニックが融合して生まれる新しい種類のアニメーションを表示するシンクレットを作って。今すぐ発明できる新しい形のアニメーションにしてほしい。そして、新しいテスラ・ロードスター（ネットで画像を調べて）の上で、1台の自転車に乗った4羽のペリカンをアニメーションさせたい。ロードスターは圧縮空気ジェットでホバリングしている。各ペリカンはさまざまな文化に応じてそれぞれ異なる服装をしていなければならない。
詳細を見る
0:29
AClaude Opus 5.5
次を教えてください： ワードマーク用の1語のブランド名（動詞が最適） 高解像度写真9〜12枚 120 BPM前後でドロップと静かなブレイクダウンがあるロイヤリティフリー曲（Mixkit、商用利用無料） 植物の影が動く無地の壁の無料ストッククリップ（Pexels） Appleキーノート風のローンチフィルム、2Dのみ、ワンカット。 すべてのシーンは前のシーンから生まれる：フェード、ブラー、カットはなし。 オブジェクトは変形する：テキストはマスクラインからせり上がり、アイコンはスプリングでゼロからポップし、バーは横に描かれ、ページはプッシュし、黒い図形がフレーム全体に溢れてから次のシーンへ収縮する。 温かいオフホワイトのキャンバス、黒いUI、写真の上にiOS 26のリキッドグラス。 ワードマークはArchivo（wdth 125、ウェイト800）、UIはGeist。 カーソルが実際のクリック、ドラッグ、長押しで全ての変化を操作する。 カメラはスクリーンスタジオ風にズームし、各瞬間がスクエアを満たし、カーソルもそれに合わせてスケールする。 禁止：クロスフェード、ブラーイン、明るさの「現像」、3Dフリップ、パーティクル、グロー、1秒を超えるホールド、テンプレートに見えるものすべて。 120 BPM、54ビート、毎ビートで何かが起こる。 オープニング：ワードマークがアコーディオンのように自身のピリオドへ圧縮され、ドットが黒いピルに拡大し、その中にラベルがせり上がる。 クリック：6枚のアイリスブレードがラベル上で閉じ、スナップして写真へ開く。 円が正方形に変わり、縮小し、グリッドが紙の地図のように背後から展開し（中央、プラス、四隅）、ベントーにリフローし、クリックで1つのタイルへズームし、ドロップに正確に着地する。 グラス：ガラスの単語が1文字ずつ現れ、液滴に溶け、それが伸びてガラスのツールバーになる。 調整アイコンがそれをスライダーに変える。 ドラッグで写真が昼からゴールデンアワーへ再照明され（2枚の位置合わせショット）、保持中はノブがガラスレンズになる。 それがガラスの球体へ浮上し、次の写真がその中に円として開き、球体がロック画面へ拡大する：ガラスの時計数字、日付、そしてガラスのミュージックプレーヤーへ伸びるホームバー。 ステージ：ロック画面が電話へ引き戻される（ベゼルが画面の端から成長する）。 Dynamic Islandが液体のように伸び、ピンチオフし、飛んでいきMacウィンドウへ拡大し、ブラインドのように巻き上がる。 壁紙を長押しし、Safariタブへドラッグし、ページがプッシュインし、ドロップするとランディングページのヒーローになる。 スクロール：ヒーローが商品カード上の額装プリントへモーフし、マットと額縁が写真の端から成長する。 額縁の色を選び（塗り広がる）、サイズを選ぶと、ナビボタンが「プリントを注文」へ飛び降りる。 注文：1つの黒い図形が連続的にモーフする： 注文済み ✓ → 印刷中 % → 配送中（ルート上のバン） → 配達済み ✓ ウォール：配達済みの円がフレームを端から端まで溢れ、1ビート黒を保持し、実際の壁の映像に掛かった額装プリントへ収縮する。 同じアイリスがプリントへ開き、再び閉じ、額縁が画面に溢れてピルへ収縮 → ドット → 文字がスプリングで戻り、ビートのリターンに着地する。 最終フレーム＝最初のフレーム。 1つのHTMLファイル、スクエア1440x1440。すべてのスタイルは非同期seek(t)内の時間から計算される：CSSトランジションなし、タイマーなし、フレーム間の状態なし。 スプリングは閉形式のステップ応答を使う。複数のターゲットを持つ値は変更ごとに1つのスプリングの合計であり、時間の純粋関数であり続ける。 リキッドグラス：各ガラス要素は背後のシーンの自身のクローンを保持し、SVG feImage変位マップ（角丸矩形の距離場）でフィルタされ、わずかに異なるスケールの3つのfeDisplacementMapを通して色収差エッジを作り、リムライトを加える。ガラス文字：グリフごとのキャンバス距離場がマップ、マスク、ハイライトを生成する。 グー：ブラー＋アルファ閾値、その上にソースを合成してガラスが内部でシャープに保たれる。 アイリス：六角形の開口部の周りの6枚のブレード。各ブレードは2つの頂点、両方のエッジ延長線、それらの間の短い弧を使う。 ワードマーク圧縮：各文字は同じ係数でドットへ向かって移動し、描画幅もそれに従う（wdth軸を狭め、残りをスケール）ため、文字は接したままになる。 映像：オールイントラで再エンコード（ffmpeg -g 1）、blob URLとして読み込み、毎フレーム描画前に'seeked'を待つ。 サウンド：すべてのイベントにダウンロードしたSFX（Mixkit）、合成は一切なし、それぞれ測定されたピークで配置。曲はダウンビートで始まる：ズームがドロップに当たり、壁がブレイクダウンに座り、ワードマークがビートと共に戻る。Loudnormで-14 LUFSに。 Playwrightでレンダリング：1フレームあたり4サブフレームをffmpeg tmixでブレンド、60fps。1ビートにつき1フレームを確認し、単一フレームのポップ（隣接の3倍のフレーム差分スパイク）をスキャンする。 backdrop-filter: url()はChromiumで変位マップを誤読するので、代わりにシーンをクローンする。 フラッドは四隅を超えてオーバースケールし約0.3秒かける必要がある。さもないと画面の半分が1フレームで変わる。 visibility: visibleの子は非表示の親を通して表示されるので、inheritを使う。 モーフする図形内で入れ替わるテキストには独自のマスクが必要。 python http.serverは動画のレンジシークができないので、blob URLを使う。 入力情報を聞いた後、完全なフィルムを書く前にビートマップと4枚のスチル（オープン、グラス、ステージ、ウォール）を見せてください。
詳細を見る
0:05
AClaude Opus 5.5
[PAGE URL / FILE] のスムーズなホバーデモ動画を録画してください。 フレーム - 1440×900、コンポーネントは中央に配置。背景に溶け込む場合はコントラストのある背景を使用してください。 - カーソル、クリック、ブラウザUIは表示しないでください。実際のホバーイベントを使用し、元のアニメーション速度を保ってください。 ズームのタイミング - ホバー時に変化する領域（例：メニュー項目）を測定してください。 - 幅がフレームの半分以上、高さが4分の1以上ある場合はズームしないでください。 - それ以外の場合は、幅の約70%を占めるようにズームしてください（最大2.4倍）。1.4倍未満のズームはスキップしてください。 - 画像の実際の解像度を超えてズームしないでください。 カメラ（Screen Studioスムーズ） - ズームとパンを臨界減衰スプリング（バウンスなし）で一緒にアニメーションさせ、収束まで約1秒、ズームは対数スケールで行ってください。 - 静止状態から開始し、グライドインし、各ホバー項目を追従し（各約1.2秒）、グライドアウトしてください。 - 最初のフレームで正確に終了し、シームレスにループさせてください。 - 1フレームあたりのズーム変化は8%以内にしてください。 出力 - MP4（H.264）、30 fps、5～8秒、音声なし、2 MB未満、フル解像度。 - 大きすぎる場合はビットレートのみを下げてください。縮小、クロップ、速度変更は絶対にしないでください。
詳細を見る
0:14
AClaude Opus 5.5
私に聞いてください：その形状がモーフィングする8〜12個のUI状態（例：ボタン、ローダー、プレイヤー、スライダー、トグル、タブ、チャート、コマンドパレット、トースト）、白黒または単一のアクセントカラー、そして約120 BPMのロイヤリティフリー楽曲（例：Mixkit、商用利用無料）。 DribbbleレベルのUIモーション。ひとつの形状、カットなし：すべての状態は同じ要素がサイズ、角丸、色をモーフィングし、そのコンテンツは短いブラーで入れ替わる。 カーソルが実際のクリックとドラッグで全ての変化を駆動する。明るいウォームグレーのキャンバス、白黒のコンポーネント、ひとつのクリーンなUIフォント（Geist）。 至る所にスプリング、ほんのわずかなオーバーシュートだけ。カメラがズームして各状態がフレーム全体を満たす。最後のフレームは最初のフレームと一致し、完璧にループする。 禁止：バウンスするイージング、パーティクルのバースト、グロー、UIクローム上のグラデーション、不一致なアイコンストローク、デッドタイム、テンプレートに見えるものすべて。 120 BPM、7小節、毎ビートで何かが起こる。 ボタン → ローダー → チェック → ダイナミックアイランド → プレイ/ポーズのモーフ付きミュージックプレイヤー → プログレスバーをスクラブ → 最大を超えてドラッグすると伸びるボリュームスライダーに変形 → トグルがビートに合わせて切り替わる → ノブがリキッドタブインジケーターになる → タブが展開して自己描画するチャートになり、ホバーでツールチップ → ⌘Kに折りたたまれる → 入力してフィルター → エンター → トースト → ボタンに戻る。 ひとつのHTMLファイル、正方形1440x1440。すべてのスタイルはseek(t)内の時間から計算される：CSSトランジションなし、タイマーなし、フレーム間で状態を持ち越さない。 スプリングは閉形式のステップ応答を使用する。複数回ターゲットが変わる値は、変更ごとにひとつのスプリングの合計であり、時間の純粋関数であり続ける。 タブインジケーターの両エッジは別々のスプリングに従い、先端が後端より先に伸びる。トグルノブにも同じトリックを使う。 ドラッグは直接操作：カーソルが押されている間、値はその位置から計算される。離すとどこからでもスプリングで戻る。 numpyで楽曲を分析してビートグリッドを見つけ、ダウンビートから始める。すべてのUIサウンドを計測されたピークで揃える。 Playwrightでレンダリング：1フレームあたり4サブフレーム、ffmpegのtmixでブレンドして60fpsのモーションブラーを実現。 フルレンダリングの前に1ビートにつき1フレームをレンダリングする。グリッドから外れたもの、窮屈なもの、読みにくいものを修正する。 カメラがスケールするものにwill-changeを絶対に付けない、さもないとテキストがぼやける。 モーフィングするコンテナ内で入れ替わるテキストは、独自の進入と退出のタイミングが必要、さもないと重なる。 最後のフレームを最初のフレームと同一にする、カーソル位置と速度も含めて、さもないとループがカクつく。 入力項目を私に聞いてから、コードを書く前にビートグリッド上の状態リストを見せてください。
詳細を見る
0:14
AClaude Opus 5.5
私に聞いてほしいこと：このシェイプを変形させたい8〜12個のUI状態（例：ボタン、ローダー、プレイヤー、スライダー、トグル、タブ、チャート、コマンドパレット、トースト）、純粋な白黒または1つのアクセントカラー、そして約120 BPMのロイヤリティフリー楽曲（例：Mixkit、商用利用無料）。 DribbbleレベルのUIモーション。1つのシェイプ、決してカットしない：すべての状態は同じ要素がサイズ、角丸、色をモーフィングし、その内容は短いブラーで入れ替わる。カーソルが実際のクリックとドラッグで全ての変化を駆動する。明るいウォームグレーのキャンバス、白黒のコンポーネント、1つのクリーンなUIフォント（Geist）。至る所にスプリング、オーバーシュートはごく僅か。カメラがズームして各状態がフレームを満たす。最後のフレームは最初と一致し、ループする。 禁止：バウンシーなイージング、パーティクルの爆発、グロー、UIクローム上のグラデーション、不一致なアイコンストローク、デッドタイム、テンプレートのように感じるものすべて。 120 BPM、7小節、毎ビートで何かが起こる。 ボタン → ローダー → チェック → ダイナミックアイランド → プレイ/ポーズのモーフ付きミュージックプレイヤー → プログレスバーをスクラブ → 最大を超えてドラッグすると伸びるボリュームスライダーになる → トグルがビートに合わせて切り替わる → ノブがリキッドタブインジケーターになる → タブが開いて自己描画するチャートになり、ホバーでツールチップ → ⌘Kに折りたたまれる → 入力してフィルター → エンター → トースト → ボタンに戻る。 1. 1つのHTMLファイル、正方形1440x1440。すべてのスタイルはseek(t)内の時間から計算される：CSSトランジションなし、タイマーなし、フレーム間で状態を持ち越さない。 2. スプリングは閉形式のステップ応答。ターゲットが何度も変わる値は、変更ごとに1つのスプリングの合計なので、時間の純粋関数のままである。 3. タブインジケーターの2つのエッジは異なるスプリングに乗るので、先端が後端より先に伸びる。トグルノブにも同じトリックを使う。 4. ドラッグは直接操作：カーソルが押されている間、値はその位置から計算される。離すと、どこにあったとしてもそこからスプリングで戻る。 5. numpyで楽曲を分析してビートグリッドを取得し、ダウンビートから開始する。すべてのUIサウンドを測定されたピークに配置する。 6. Playwrightでレンダリング：1フレームあたり4サブフレーム、ffmpegのtmixでブレンドして60fpsのモーションブラーを実現。 7. フルレンダリングの前に、1ビートにつき1フレームをレンダリングする。グリッドから外れているもの、窮屈なもの、読みにくいものを修正する。 カメラがスケールするものにwill-changeを絶対に付けないこと、さもないとテキストがぼやける。モーフィングするコンテナ内で入れ替わるテキストは独自の進入と退出のタイミングが必要で、そうでないと重なる。最後のフレームを最初と同一にすること、カーソル位置と速度も含めて、さもないとループがカクつく。 入力について私に聞き、コードを書く前にビートグリッド上の状態リストを見せてほしい。
詳細を見る
0:14
AClaude Opus 5.5
以下を教えてください：形状が変形する先のUI状態を8〜12個（例：ボタン、ローダー、プレイヤー、スライダー、トグル、タブ、チャート、コマンドパレット、トースト）、純粋な白黒または1つのアクセントカラー、そして120 BPM前後のロイヤリティフリー楽曲（例：Mixkit、商用利用無料）。 DribbbleレベルのUIモーション。1つの形状、カットなし：すべての状態は同じ要素がサイズ、角丸、色をモーフィングし、そのコンテンツは素早いブラーで入れ替わる。 カーソルが実際のクリックとドラッグで every 変化を操作する。明るいウォームグレーのキャンバス、白黒のコンポーネント、1つのクリーンなUIフォント（Geist）。 至る所にスプリング、ただしオーバーシュートはほんのわずか。カメラがズームして各状態がフレーム全体を満たす。最後のフレームは最初のフレームと一致し、完璧にループする。 禁止：バウンスするイージング、パーティクルの burst、グロー、UIクローム上のグラデーション、不一致なアイコンストローク、デッドタイム、テンプレートに見えるものすべて。 120 BPM、7小節、毎ビートで何かが起こる。 ボタン → ローダー → チェック → ダイナミックアイランド → 再生/一時停止のモーフ付きミュージックプレイヤー → プログレスバーをスクラブ → 最大を超えてドラッグすると伸びるボリュームスライダーになる → トグルがビートで切り替わる → ノブがリキッドタブインジケーターになる → タブが自己描画するチャートに展開し、ホバーでツールチップ → ⌘Kに折りたたまれる → 入力してフィルター → Enter → トースト → ボタンに戻る。 1つのHTMLファイル、正方形1440x1440。すべてのスタイルはseek(t)内の時間から計算される：CSSトランジションなし、タイマーなし、フレーム間で状態を持ち越さない。 スプリングは閉形式のステップ応答を使用。ターゲットを複数回変更する値は、変更ごとに1つのスプリングの合計であり、時間の純粋関数のままである。 タブインジケーターの2つのエッジは異なるスプリングに従うため、先端が後端より先に伸びる。トグルノブにも同じトリックを使う。 ドラッグは直接操作を使用：カーソルが押されている間、値はその位置から計算される。離すと、その時点の位置からスプリングで戻る。 numpyで楽曲を分析してビートグリッドを見つけ、ダウンビートから開始する。すべてのUIサウンドを測定されたピークで配置する。 Playwrightでレンダリング：フレームあたり4サブフレーム、60fpsのモーションブラーのためにffmpeg tmixでブレンド。 フルレンダリングの前に、1ビートにつき1フレームをレンダリングする。グリッドから外れているもの、窮屈なもの、読みにくいものを修正する。 カメラがスケールするものにwill-changeを絶対に置かないこと、さもないとテキストがぼやける。 モーフィングするコンテナ内で入れ替わるテキストは、独自の進入と退出のタイミングが必要でないと重なる。 最後のフレームを最初のフレームと同一にすること、カーソル位置と速度も含めて、さもないとループがカクつく。 入力内容を聞いてから、コードを書く前にビートグリッド上の状態リストを見せてください。
詳細を見る
Claude Opus 5.5 のプロンプトを全て見るAI 動画プロンプトを探索する