活用事例へ移動
PAGEPOP新しいモデル、新しいアイデア

Claude Opus 5.5 のプロンプトと事例

Claude Opus 5.5の選集は、出典付きのThree.js・Blenderアニメーションやデータ可視化を紹介します。参考プロンプトの被写体や動きを変え、創作の組み立て方を検討できます。

Claude Opus 5.5

モデルのラベルは編集上の分類であり、実際に生成に使用されたモデルを示すものではありません。
Claude Opus 5.5

Three.jsによる製品発表映像

コミュニティのアイデア · @Chris
参考プロンプト

製品資料をもとに、Three.jsで製品発表映像を制作してください。まず、根拠を示せる三つの強みを抽出して絵コンテを組み立て、デバイス、画面UI、文字、カメラの動きを使って製品を順に紹介してください。すべての映像を同じタイムライン上で構成し、音と編集のリズムを合わせ、最後に製品の訴求点を明確に伝えてください。

詳細を見る
Claude Opus 5.5

Blenderで作るコインランドリーのアニメーション

コミュニティのアイデア · @ハヤシモン|AI × 個人開発
参考プロンプト

BlenderとPythonで小さなコインランドリーを作ってください。空間、マテリアル、照明をコードで構築し、洗濯機のドラムの回転と室内の暖かな光の変化を加えてください。カメラを通して、静かで生活のぬくもりを感じる三次元シーンを描いてください。

詳細を見る
Claude Opus 5.5

Three.jsで描く雨の夜のコンビニ

コミュニティのアイデア · @SuSu_酥酥👅
参考プロンプト

Three.jsで、視点を回転させて眺められる雨の夜の街角のミニチュアシーンを制作してください。暖かな光がともるコンビニを中心に、ひさし、自動販売機、自転車を周囲に配置してください。雨粒、水面の波紋、ガラスの反射を使って、屋外の寒色と室内の暖色を対比させてください。

詳細を見る
Claude Opus 5.5

連続変形するUIアニメーション

コミュニティのアイデア · @zero
参考プロンプト

一つの図形が連続して変形するUIアニメーションをデザインしてください。ボタン、読み込み状態、音楽プレーヤー、スライダー、グラフを順に登場させ、控えめな白黒の配色とバネのような動きを使ってください。先に各状態とタイミングを設計してから、時間を指定して再生位置を移動できるアニメーションをコードで作り、終わりから始まりへ自然につながるループにしてください。

詳細を見る
Claude Opus 5.5

アートスタイルのモーショングラフィックス

コミュニティのアイデア · @Vox
参考プロンプト

一つのテーマに沿って、十五秒のアートアニメーションをデザインしてください。まず、静止画の構図を異なる三つの方向性で提案し、方向性を選んでから、各シーンに一つの主な動きと少しのループする細部を加えてください。音楽を入れる場合は、映像のリズムをビートに合わせ、完成した映像全体に欠けがないか確認してください。

詳細を見る
Claude Opus 5.5

物流の流れが見える倉庫シミュレーション

コミュニティのアイデア · @Konstantin Saifoulline
参考プロンプト

倉庫物流の流れを示すアニメーションを制作し、車両の所定位置への進入、フォークリフトによる荷下ろし、荷物の仕分け、積み込みを順に描いてください。明確な位置関係と途切れない動きで各工程のつながりを表現し、荷物が倉庫をどのように通過するのか、見るだけで理解できるようにしてください。

詳細を見る
Claude Opus 5.5

ポートランドのバス運行マップアニメーション

コミュニティのアイデア · @Milos
参考プロンプト

ポートランドの一日のバス運行を地図アニメーションにまとめてください。まず市全体の路線を表示し、次に各エリアへ順に拡大して、動くマーカーで車両の移動を表してください。淡い色の背景地図を使い、拡大した場面では動きを遅くして、道路と停留所の位置関係を見やすくしてください。

詳細を見る
Claude Opus 5.5

最速降下曲線をアニメーションで解説

コミュニティのアイデア · @Eray’la Yapay Zeka
参考プロンプト

二次元アニメーションで最速降下曲線の問題を説明してください。同じ始点と終点の間で、球が直線、円弧、サイクロイドに沿って落下する様子を同時に表示し、軌跡、経過時間、短い注釈で、距離が最短であることと所要時間が最短であることの違いを示してください。

詳細を見る
Claude Opus 5.5

コードで作るピクセルアート短編

コミュニティのアイデア · @余温
参考プロンプト

コードで十六秒のピクセルアートの物語短編を制作してください。まず登場人物、重要な動作、物語の転換点を決め、フレームごとの描画とチップチューンでレトロゲームの質感を作ってください。ピクセルの大きさを統一し、縮小したベクター図形でピクセル描画を代用しないでください。

詳細を見る
Claude Opus 5.5

パラメーターで調整するモーションデザイン実験室

コミュニティのアイデア · beamnxw ./
参考プロンプト

Remotion と GSAP で小さなモーションデザイン実験室を作ってください。移動距離、文字組み、イージング、モーションブラー、予備動作、動きの余韻を個別に調整できるようにします。すべての状態を同じフレーム時刻で制御し、コマ送りで確認しやすい構成にしてください。

詳細を見る
Claude Opus 5.5

空飛ぶロードスターと自転車に乗るペリカン

コミュニティのアイデア · Christopher J. DiMarco
参考プロンプト

Three.js と SVG を組み合わせ、ユーモラスな3Dアニメーションを作ってください。服装の異なる4羽のペリカンが、浮遊するスポーツカーの上で1台の自転車に乗る場面を描きます。ペダルをこぐ動きと姿勢をそろえ、車体の噴射口と浮遊感が伝わるようにしてください。

詳細を見る
Claude Opus 5.5

拍に合わせて演奏するビー玉の音楽機械

コミュニティのアイデア · MizuGame|無駄にガチなAI使い
参考プロンプト

参考動画は Sonnet 5.5 と Opus 5.5 の結果を明示したモデル比較です。自分向けのアレンジでは、Three.js を使い、単一の HTML ファイルにビー玉の音楽機械を作ってください。各音の時刻から逆算して玉を放し、衝突と発音を拍に合わせます。レール、接触位置、カメラ構図を分かりやすくしてください。

詳細を見る
Claude Opus 5.5

重力を切り替えるインタラクティブ3D物理実験室

コミュニティのアイデア · Rez
参考プロンプト

奥行きのある3D物理実験室を作ってください。重力を切り替える区画、摩擦の違う床、回転して衝突する剛体、互いに反発する流体を配置します。各ルールの整合性を保ち、変化の結果を複数の分かりやすい視点から観察できるようにしてください。

詳細を見る
Claude Opus 5.5

連続する転換でつなぐブランドモーション映像

コミュニティのアイデア · Chris
参考プロンプト

提供されたブランドと製品の資料を基に、コードによるモーション映像を作ってください。絵コンテと主要な視覚要素を計画し、共通の GSAP タイムラインを使い、必要に応じて Three.js の場面を加えます。同じ物体や文字が次の画面を導く構成にします。実際の素材と裏付けのある情報を使い、転換位置、文字の読みやすさ、音楽とのタイミングを確認してください。

詳細を見る
Claude Opus 5.5

素材から完成品まで見せる電動モーター工場

コミュニティのアイデア · Konstantin Saifoulline
参考プロンプト

Three.js で電動モーターの自動生産ラインを作ってください。鋼材のレーザー切断から、部品加工、搬送、組み立て、最後の回転試験まで順に見せます。設備の動き、材料の経路、工程同士のつながりが分かるようにしてください。

詳細を見る
Claude Opus 5.5

アニメーションで理解するSteamOSツール

コミュニティのアイデア · Azad Balabanian
参考プロンプト

SteamOS のユーティリティを一つ選び、仕組みを短いアニメーションで説明してください。機能、主要モジュール、データの流れを整理し、重要なコードの処理を画面操作の実演や簡潔な図に置き換えます。入力がどのように結果へつながるかを示してください。

詳細を見る
Claude Opus 5.5

脆弱性の発見から再検証までを描く安全確認フロー

コミュニティのアイデア · fuzzy
参考プロンプト

ソフトウェアの安全確認をアニメーションで説明してください。最初にリポジトリ、依存関係、権限の全体像を示し、信頼できない入力がクエリへ届くまでを追います。脆弱性の発見時には処理を止め、修正を示した後、元の攻撃が成立するかを独立した再検証で確認する構成にしてください。

詳細を見る
Claude Opus 5.5

公開映像から読み解くロードスターの3D分解図

コミュニティのアイデア · Flinzu
参考プロンプト

提供された車の公開映像とキーフレームを基に、3Dの構造解説を作ってください。観察できる事実と構造上の仮説を分け、分解図と動きの検証を使って部品の関係を説明します。裏付けのない細部は、不確かなものとして明示してください。

詳細を見る
Claude Opus 5.5

コードで作るAIアイドルMVの3D背景

コミュニティのアイデア · ぶらりLab|AI映像・イラスト
参考プロンプト

既存の楽曲に合わせて、連続する3Dステージ背景を設計してください。Three.js で星空、蛍の森、暖色の高原、オーロラの夜空を作ります。キャラクターの演技を中心にカメラと場面転換を組み、曲の展開に合わせて景色を切り替えてください。

詳細を見る
Claude Opus 5.5

ペンギンの特徴を読み取るスキャナーUI

コミュニティのアイデア · Lummox
参考プロンプト

一体のペンギンキャラクターを対象に、特徴を読み取るスキャナーUIを設計してください。最初に実在する特徴を一覧にし、目、装飾品、全身の順でスキャンを見せます。照準、進捗表示、特徴ラベル、最後の評価を使い、処理の順番が伝わるようにしてください。

詳細を見る
Claude Opus 5.5

声のリズムに合わせるピクセルアート映像

コミュニティのアイデア · zero
参考プロンプト

提供されたナレーションや曲に合わせ、ピクセルアートの短編を作ってください。テーマを表す小物と二つのシルエットを選び、強く聞かせたい三つの言葉を音声の要所に配置します。ピクセルの大きさを統一し、リズムや語調に合わせて画面を切り替えてください。

詳細を見る
Claude Opus 5.5

音楽の拍に合わせた製品モーションイントロ

コミュニティのアイデア · Ihab Khattab
参考プロンプト

提供された製品を紹介する、約30秒のモーション映像を作ってください。実際の画面、ロゴ、ブランド素材を使い、それぞれを独立して動かせる要素に分けます。中心となる操作を軸に展開を組み、カット、文字、動きを音楽の拍に合わせてください。

詳細を見る
Claude Opus 5.5

伸びて戻るカピバラの物理シミュレーション

コミュニティのアイデア · Lee Lin | AI
参考プロンプト

参考動画は Opus 5.5 の結果を明示したモデル比較です。自分向けのアレンジでは、柔らかい身体を持つカピバラを操作できる場面を作ってください。頭や足を引くと全体が伸び、放すと弾んで戻るようにします。押す、投げる、重ねる動作でも形が分かり、隣の個体と自然に接触するようにしてください。

詳細を見る
Claude Opus 5.5

一つの製品操作から組み立てるモーション制作フロー

コミュニティのアイデア · Asteri
参考プロンプト

Claude Opus 5.5 と Remotion で、一つの製品機能を紹介する短編を作ってください。ロゴ、画面、フォントを集め、絵コンテをまとめてから、操作イベントと動きを具体的なフレームに割り当てます。リズムを整え、最後に文字組み、配置、場面のつながりを確認してください。

詳細を見る

欲しい結果から始めましょう

アイデアを伝えて、PagePop で形にしましょう。