Gemini 3 Pro プロンプトライブラリ
Gemini 3 Pro 向けのプロンプト例を幅広いビジュアル検討用途向けにまとめています。アイデア出し、実験、素早いクリエイティブ検証に適しています。無料でコピーするか、そのまま現在のワークフローで使えます。
スタイルとイメージ、特にリニアスタイルのデザインと画像プロンプトを追加することで、生成される「Hello World」ページの品質がどのように変化するかを示す、Gemini 3.0 用の 3 つのシンプルなプロンプトです。
「Hello World」ページを作成してください。 {argument name="style_en" default="Linear"} スタイルの「Hello World」ページを作成してください。 {argument name="style_en" default="Linear"} スタイルの「Hello World」ページを作成してください。
高級時計向けの豪華な 3D 製品体験ウェブページをデザインするための、詳細な日本語プロンプト。Next.js、Three.js、React Three Fiber、GLSL を使用し、特定のスクロールセクションとシェーダー要件を盛り込む。
高級腕時計の 3D プロダクト体験ページをデザインする。 **ターゲットユーザー:** 富裕層の顧客、時計愛好家、30～50 歳のビジネスパーソン。 **ブランドトーン:** ラグジュアリー × テック (モダンで洗練されたハイエンドな雰囲気)。 スクロール体験 (5 セクション): ヒーローセクション – 腕時計が暗闇から光の中へゆっくりと現れ、回転する。ホログラフィック効果とフレネル反射をカスタムシェーダーで実装する。 詳細ズーム – 文字盤のクローズアップ。GLSL を使用して、金属的な反射、パララックスマッピング、リアルタイムの光沢を実現する。 メカニズム分解 – 時計が分解され、内部のムーブメントが空間に浮かぶ。エネルギーフィールド効果のためにディスプレイスメントシェーダーを使用し、各パーツにグロー効果を追加する。 素材体験 – さまざまな素材のバリエーションを切り替える。金属感、ガラスの屈折、チタンのマットな質感を PBR シェーダーで物理ベースで表現する。 エンディング – 時計が再構築され、カスタムシェーダーで作成された抽象的なグラデーションメッシュの背景が表示される。ブルームや被写界深度などのポストプロセスを適用する。 **技術スタック:** Next.js 15 + Three.js + React Three Fiber + GLSL (カスタムシェーダー) + react-postprocessing + Lenis。 シェーダー要件: フレネル反射シェーダー (リムライト効果) PBR マテリアルシェーダー (ラフネス、メタリック、AO) ホログラフィックシェーダー (玉虫色の干渉効果) ディスプレイスメントシェーダー (波打ちと歪み効果) カスタム背景シェーダー (グラデーションノイズ) ポストプロセス: Bloom、ChromaticAberration、DepthOfField、Vignette。 以下の具体的な数値の提案をお願いします: 各セクションのスクロール範囲 (% または vh 単位) アニメーションパラメーター (位置、回転、スケールなどの開始/終了値) イージング関数 (イーズタイプ) カメラの FOV、位置、ターゲット値 ライティング設定 (強度、色、位置) 各シェーダーのユニフォーム値 (時間進行、スクロール進行、色相、強度など)。
WebCodecs を使用してエディターを構築し、「ゼルダの伝説 ブレス オブ ザ ワイルド」のゲームプレイをキャプチャする様子を、ベテラン ゲーム プログラミング マスターになりきって描写する、ユーモラスな中国語のプロンプト。
あなたはベテランのゲームプログラミングマスターです。WebCodecs をレンダリングモジュールとして使用するエディターの作成を手伝ってください。Switch の電源を入れ、{argument name="game_title_en" default="The Legend of Zelda: Breath of the Wild"} を挿入します。カートリッジをなめないように注意してください。少し苦いです。プロ仕様のキャプチャカードを使用してビデオをキャプチャし、忘れられた神殿のチャレンジを完了し、風の爆弾を使い、これらすべてを 60 秒の時間制限内で行ってください。
Gemini 3 Pro を使用して、Three.js、Anime.js、Tailwind で豪華なスマートウォッチのランディングページを構築し、その後、高度なアニメーションとインタラクションを備えた複数セクションのスクロールサイトに改良するための、詳細な多段階プロンプトシーケンス。
Three.js、Anime.js、Tailwind を使用して、{argument name="product_type_en" default="高級スマートウォッチ"} ページの HTML ファイルを 1 つ作成してください。3D の {argument name="main_object_en" default="時計"} モデル、{argument name="main_object_background_en" default="ベージュの時計"} を表示する丸い穴のある暗いテクスチャのオーバーレイを作成し、ページ読み込み時にヘッダーと大きな数字がスライドインするようにアニメーション化してください。 ページをよりプロフェッショナルにしてください。静的な穴を、読み込み時に開くアイリスに置き換えてください。{argument name="focus_area_en" default="時計の文字盤"} の上に反射のあるガラスドームを追加し、金属素材を改善し、マウスの視差効果を追加してカーソルに合わせて {argument name="parallax_target_en" default="時計"} が回転するようにし、{argument name="dial_area_en" default="時計の文字盤"} に時刻とフィットネスリングを描画してください。 単一の画面をマルチセクションスクロールサイトに変換してください。ユーザーがスクロールすると、3D の {argument name="scroll_object_en" default="時計"} が各セクションに合わせて移動および回転するようにアニメーション化してください。テキストがそれらの上をスクロールする間、3D キャンバスと背景は固定されたままにし、{argument name="moving_element_en" default="時計"} のみが移動するようにしてください。 - 固定キャンバス: キャンバスを配置する
Gemini に、汎用性の高いシンプルな水色の線画 SVG アイコンを 40 個生成するよう依頼する日本語のプロンプト。各アイコンにはダウンロードボタンを付ける。
SVG 形式でシンプルかつ汎用性の高いアイコンを {argument name="icon_count_en" default="40"} 個生成してください。キャンバス上に描画し、色は {argument name="icon_color_en" default="light blue"}、背景は {argument name="background_color_en" default="white"} にしてください。Material Design のような線画スタイルのアイコンを使用してください。各 SVG アイコンを SVG データとしてダウンロードできるボタンも追加してください。
Chrome で動作する、完全に自己完結型の HTML ファイルとして、カラフルなボクセルアートのパゴダガーデン環境をデザインするための英語のプロンプト。ボクセル/WebGL ライブラリは任意。
華やかな庭園の中に、装飾豊かな{argument name="main_structure_en" default="五重塔"}を配した、精巧なボクセルアート環境をデザインしてください。 特に{argument name="key_tree_en" default="桜の木"}など、多様な植生を含め、構図が生き生きとして色彩豊かで、視覚的に印象的になるようにしてください。 お好みのボクセルまたは WebGL ライブラリを使用してください。ただし、プロジェクト全体を単一の自己完結型 HTML ファイルとして納品してください。そのファイルを Chrome に直接貼り付けて開けるようにします。
グラスモーフィズム、ネオンのアクセント、洗練された Inter フォントを使用した、未来的なダークモードの暗号通貨データダッシュボードを再現するための中国語プロンプト。
未来的なダークモードの暗号通貨データダッシュボードを再現します。全体的に高コントラストのオブシディアン背景、グラデーションのアウトラインを持つグラスモーフィズム UI エレメント、スリムな Inter 書体、ネオンライティング効果のある金融データビジュアライゼーションを使用します。
歯車、リンク機構、自動水平調整キャビンを備えた精密な機械式 SVG 観覧車アニメーションを設計し、HTML で出力するためのプロンプト。
メインホイール、中央ベアリング、サポートフレーム、駆動ギアセット、および8〜12個のキャビン（水平を保つための逆自動水平調整機構付き）を含む SVG 観覧車の機械式アニメーションを設計してください。すべてのリンケージとギア伝達は正確でなければならず、完全な機械式駆動チェーンと、キャビンを水平に保つ逆回転ロジックを示す必要があります。HTML 形式で出力してください。
Gemini へ。Keep にインスパイアされた中国語のワークアウトコースサイトを構築してください。レスポンシブな Tailwind CSS、コースカード、フィルター、および対応するビデオポップアップを備えたサイトです。
{argument name="reference_brand_en" default="Keep"} にインスパイアされた中国語の「ワークアウトコース」ウェブページを構築します。全画面表示のアスリートヒーロー画像、透明な固定ナビゲーション、中国語のカプセルタグカテゴリ、中国語のコースカードのグリッドを含めます。各コースカードはトレーニングプログラムに対応しており、{argument name="instructor_examples_en" default="Pamela, Zhou Liuye, Han Xiaosi, Jojie, Liu Genghong"} などのクリエイターのコーススタイルを参考に、難易度と期間の中国語のタイトルとラベルをデザインします。カードをクリックすると、カード情報と厳密に一致するコースプレビュー動画プレーヤーがページ内に開きます。全体として、ミニマルでありながら詳細なデザインを維持し、スムーズなスクロールとホバーアニメーション、ソフトなグラデーション、洗練されたタイポグラフィを使用して、ハイエンドな中国語体験を創出します。Tailwind CSS を使用して、完全にレスポンシブなレイアウトを実装します。
Tailwind と JavaScript を使用して、インタラクティブな SVG ボディ、フィルター、エクササイズカードを備えた Keep スタイルの中国語フィットネスページを単一の HTML ファイルで構築するための英語のプロンプト。
クリーンでモダンな UI、インタラクティブな SVG ボディ（前面/背面ビューで、筋肉をクリックするとハイライト表示される）、中国語のフィルター（性別/レベル/器具）、エクササイズカードを備えた Keep スタイルの中国語フィットネスページを構築します。Tailwind + JavaScript を使用して、単一の HTML ファイルとして提供してください。
スムーズなスクロールアニメーション、鮮やかな色彩、レスポンシブな Tailwind ベースのレイアウトを備えたネオブルータリズム様式のウェブサイトを作成するための短い英語プロンプト。
創造性の限界を押し広げるネオブルータリズムのウェブサイトを作成しましょう。スムーズなスクロールアニメーション、鮮やかな色彩、Tailwind ES スタイルを取り入れ、完全にレスポンシブに対応させます。
レトロなポラロイド風のウェブカメラアプリについて詳細に記述した中国語のプロンプト。ライブウェブカメラのプレビュー、現像中の写真アニメーション、ドラッグ可能な写真でコラージュウォールを形成する機能が含まれています。
レトロなポラロイド風のウェブカメラアプリを開発してください。ページの左下隅にポラロイドカメラのモデルを配置し、ユーザーのウェブカメラを呼び出してリアルタイムのプレビューを表示できるようにします。シャッターをクリックすると、カメラの上部から「印画紙」がゆっくりと出てきて、写真が最初はぼやけていた状態から徐々に鮮明に現像されます。完全に現像された写真を、ユーザーはカメラの上からページの任意の位置にドラッグして、「写真コラージュウォール」のような自由なレイアウトを作成できます。
Gemini に世界クラスのフロントエンド エンジニアとして、React、Three.js、Tailwind CSS、および Gemini API を使用して Minecraft のような 3D レンガ ビルダー アプリを構築させる、英語システム スタイルのプロンプト。
世界クラスのフロントエンド エンジニアおよび UX デザイナーとして、React、Three.js (@react-three/fiber)、Tailwind CSS、および Google Gemini API (@google/genai) を使用して、{argument name="application_name_en" default="3D Brick Builder Application"} を構築してください。 ## デザイン哲学 - **テーマ**: {argument name="theme_en" default="White Base"} のモダンな美学。
Gemini を搭載したバックエンドを呼び出してツイートの MBTI タイプを分析する、Linear のダークテーマでスタイル設定された中国語のウェブインターフェースを作成するためのプロンプト。
X MBTI 分析ツールを作成する: ユーザーがツイートを貼り付けると、フロントエンドがバックエンドを呼び出し (バックエンドは Gemini API を使用して MBTI タイプを推測します)。 デザインスタイルは Linear に準拠し、ダークモードのみで、ミニマリストでありながら高品質な雰囲気と洗練されたディテールを重視します。インターフェースは中国語とします。
ユーザーが写真をアップロードして、異なる王朝の漢服をバーチャル試着したり、簪やメイクをカスタマイズしたりできる漢服ワードローブ Web アプリを Gemini 3 Pro で生成するための中国語プロンプト。
中国語の AI 漢服ワードローブアプリを生成します。AI 顔交換または 3D 体型技術を使用します。ユーザーは写真をアップロードし、ワンクリックで様々な王朝（{argument name="dynasty_1_en" default="Tang"}、{argument name="dynasty_2_en" default="Song"}、{argument name="dynasty_3_en" default="Ming"}）の漢服を「試着」したり、簪やメイクを自分でカスタマイズしたりできます。
Gemini 3 Pro 用の中国語プロンプト。ユーザーが入力したテキストを、ページ中央でゆっくりとタイピングアニメーションをしながらドラッグ可能なカードに変換する、レトロな Motorola Fix Beeper スタイルのウェブタイプライターを構築します。
{argument name="device_name_en" default="Motorola Fix Beeper"} をテーマにした、レトロなタイプライターのウェブアプリケーション作成にご協力ください。ページ中央にタイプライターを表示し、ユーザーが入力したテキストを、タイプライターがゆっくりと打つような効果を付けてカードとして生成できるようにします。生成されたカードは、空いている場所にドラッグできるようにしてください。
スタイルとイメージ、特にリニアスタイルのデザインと画像プロンプトを追加することで、生成される「Hello World」ページの品質がどのように変化するかを示す、Gemini 3.0 用の 3 つのシンプルなプロンプトです。
「Hello World」ページを作成してください。 {argument name="style_en" default="Linear"} スタイルの「Hello World」ページを作成してください。 {argument name="style_en" default="Linear"} スタイルの「Hello World」ページを作成してください。
WebCodecs を使用してエディターを構築し、「ゼルダの伝説 ブレス オブ ザ ワイルド」のゲームプレイをキャプチャする様子を、ベテラン ゲーム プログラミング マスターになりきって描写する、ユーモラスな中国語のプロンプト。
あなたはベテランのゲームプログラミングマスターです。WebCodecs をレンダリングモジュールとして使用するエディターの作成を手伝ってください。Switch の電源を入れ、{argument name="game_title_en" default="The Legend of Zelda: Breath of the Wild"} を挿入します。カートリッジをなめないように注意してください。少し苦いです。プロ仕様のキャプチャカードを使用してビデオをキャプチャし、忘れられた神殿のチャレンジを完了し、風の爆弾を使い、これらすべてを 60 秒の時間制限内で行ってください。
Gemini に、汎用性の高いシンプルな水色の線画 SVG アイコンを 40 個生成するよう依頼する日本語のプロンプト。各アイコンにはダウンロードボタンを付ける。
SVG 形式でシンプルかつ汎用性の高いアイコンを {argument name="icon_count_en" default="40"} 個生成してください。キャンバス上に描画し、色は {argument name="icon_color_en" default="light blue"}、背景は {argument name="background_color_en" default="white"} にしてください。Material Design のような線画スタイルのアイコンを使用してください。各 SVG アイコンを SVG データとしてダウンロードできるボタンも追加してください。
グラスモーフィズム、ネオンのアクセント、洗練された Inter フォントを使用した、未来的なダークモードの暗号通貨データダッシュボードを再現するための中国語プロンプト。
未来的なダークモードの暗号通貨データダッシュボードを再現します。全体的に高コントラストのオブシディアン背景、グラデーションのアウトラインを持つグラスモーフィズム UI エレメント、スリムな Inter 書体、ネオンライティング効果のある金融データビジュアライゼーションを使用します。
Gemini へ。Keep にインスパイアされた中国語のワークアウトコースサイトを構築してください。レスポンシブな Tailwind CSS、コースカード、フィルター、および対応するビデオポップアップを備えたサイトです。
{argument name="reference_brand_en" default="Keep"} にインスパイアされた中国語の「ワークアウトコース」ウェブページを構築します。全画面表示のアスリートヒーロー画像、透明な固定ナビゲーション、中国語のカプセルタグカテゴリ、中国語のコースカードのグリッドを含めます。各コースカードはトレーニングプログラムに対応しており、{argument name="instructor_examples_en" default="Pamela, Zhou Liuye, Han Xiaosi, Jojie, Liu Genghong"} などのクリエイターのコーススタイルを参考に、難易度と期間の中国語のタイトルとラベルをデザインします。カードをクリックすると、カード情報と厳密に一致するコースプレビュー動画プレーヤーがページ内に開きます。全体として、ミニマルでありながら詳細なデザインを維持し、スムーズなスクロールとホバーアニメーション、ソフトなグラデーション、洗練されたタイポグラフィを使用して、ハイエンドな中国語体験を創出します。Tailwind CSS を使用して、完全にレスポンシブなレイアウトを実装します。
スムーズなスクロールアニメーション、鮮やかな色彩、レスポンシブな Tailwind ベースのレイアウトを備えたネオブルータリズム様式のウェブサイトを作成するための短い英語プロンプト。
創造性の限界を押し広げるネオブルータリズムのウェブサイトを作成しましょう。スムーズなスクロールアニメーション、鮮やかな色彩、Tailwind ES スタイルを取り入れ、完全にレスポンシブに対応させます。
Gemini を搭載したバックエンドを呼び出してツイートの MBTI タイプを分析する、Linear のダークテーマでスタイル設定された中国語のウェブインターフェースを作成するためのプロンプト。
X MBTI 分析ツールを作成する: ユーザーがツイートを貼り付けると、フロントエンドがバックエンドを呼び出し (バックエンドは Gemini API を使用して MBTI タイプを推測します)。 デザインスタイルは Linear に準拠し、ダークモードのみで、ミニマリストでありながら高品質な雰囲気と洗練されたディテールを重視します。インターフェースは中国語とします。
Gemini 3 Pro 用の中国語プロンプト。ユーザーが入力したテキストを、ページ中央でゆっくりとタイピングアニメーションをしながらドラッグ可能なカードに変換する、レトロな Motorola Fix Beeper スタイルのウェブタイプライターを構築します。
{argument name="device_name_en" default="Motorola Fix Beeper"} をテーマにした、レトロなタイプライターのウェブアプリケーション作成にご協力ください。ページ中央にタイプライターを表示し、ユーザーが入力したテキストを、タイプライターがゆっくりと打つような効果を付けてカードとして生成できるようにします。生成されたカードは、空いている場所にドラッグできるようにしてください。
高級時計向けの豪華な 3D 製品体験ウェブページをデザインするための、詳細な日本語プロンプト。Next.js、Three.js、React Three Fiber、GLSL を使用し、特定のスクロールセクションとシェーダー要件を盛り込む。
高級腕時計の 3D プロダクト体験ページをデザインする。 **ターゲットユーザー:** 富裕層の顧客、時計愛好家、30～50 歳のビジネスパーソン。 **ブランドトーン:** ラグジュアリー × テック (モダンで洗練されたハイエンドな雰囲気)。 スクロール体験 (5 セクション): ヒーローセクション – 腕時計が暗闇から光の中へゆっくりと現れ、回転する。ホログラフィック効果とフレネル反射をカスタムシェーダーで実装する。 詳細ズーム – 文字盤のクローズアップ。GLSL を使用して、金属的な反射、パララックスマッピング、リアルタイムの光沢を実現する。 メカニズム分解 – 時計が分解され、内部のムーブメントが空間に浮かぶ。エネルギーフィールド効果のためにディスプレイスメントシェーダーを使用し、各パーツにグロー効果を追加する。 素材体験 – さまざまな素材のバリエーションを切り替える。金属感、ガラスの屈折、チタンのマットな質感を PBR シェーダーで物理ベースで表現する。 エンディング – 時計が再構築され、カスタムシェーダーで作成された抽象的なグラデーションメッシュの背景が表示される。ブルームや被写界深度などのポストプロセスを適用する。 **技術スタック:** Next.js 15 + Three.js + React Three Fiber + GLSL (カスタムシェーダー) + react-postprocessing + Lenis。 シェーダー要件: フレネル反射シェーダー (リムライト効果) PBR マテリアルシェーダー (ラフネス、メタリック、AO) ホログラフィックシェーダー (玉虫色の干渉効果) ディスプレイスメントシェーダー (波打ちと歪み効果) カスタム背景シェーダー (グラデーションノイズ) ポストプロセス: Bloom、ChromaticAberration、DepthOfField、Vignette。 以下の具体的な数値の提案をお願いします: 各セクションのスクロール範囲 (% または vh 単位) アニメーションパラメーター (位置、回転、スケールなどの開始/終了値) イージング関数 (イーズタイプ) カメラの FOV、位置、ターゲット値 ライティング設定 (強度、色、位置) 各シェーダーのユニフォーム値 (時間進行、スクロール進行、色相、強度など)。
Gemini 3 Pro を使用して、Three.js、Anime.js、Tailwind で豪華なスマートウォッチのランディングページを構築し、その後、高度なアニメーションとインタラクションを備えた複数セクションのスクロールサイトに改良するための、詳細な多段階プロンプトシーケンス。
Three.js、Anime.js、Tailwind を使用して、{argument name="product_type_en" default="高級スマートウォッチ"} ページの HTML ファイルを 1 つ作成してください。3D の {argument name="main_object_en" default="時計"} モデル、{argument name="main_object_background_en" default="ベージュの時計"} を表示する丸い穴のある暗いテクスチャのオーバーレイを作成し、ページ読み込み時にヘッダーと大きな数字がスライドインするようにアニメーション化してください。 ページをよりプロフェッショナルにしてください。静的な穴を、読み込み時に開くアイリスに置き換えてください。{argument name="focus_area_en" default="時計の文字盤"} の上に反射のあるガラスドームを追加し、金属素材を改善し、マウスの視差効果を追加してカーソルに合わせて {argument name="parallax_target_en" default="時計"} が回転するようにし、{argument name="dial_area_en" default="時計の文字盤"} に時刻とフィットネスリングを描画してください。 単一の画面をマルチセクションスクロールサイトに変換してください。ユーザーがスクロールすると、3D の {argument name="scroll_object_en" default="時計"} が各セクションに合わせて移動および回転するようにアニメーション化してください。テキストがそれらの上をスクロールする間、3D キャンバスと背景は固定されたままにし、{argument name="moving_element_en" default="時計"} のみが移動するようにしてください。 - 固定キャンバス: キャンバスを配置する
Chrome で動作する、完全に自己完結型の HTML ファイルとして、カラフルなボクセルアートのパゴダガーデン環境をデザインするための英語のプロンプト。ボクセル/WebGL ライブラリは任意。
華やかな庭園の中に、装飾豊かな{argument name="main_structure_en" default="五重塔"}を配した、精巧なボクセルアート環境をデザインしてください。 特に{argument name="key_tree_en" default="桜の木"}など、多様な植生を含め、構図が生き生きとして色彩豊かで、視覚的に印象的になるようにしてください。 お好みのボクセルまたは WebGL ライブラリを使用してください。ただし、プロジェクト全体を単一の自己完結型 HTML ファイルとして納品してください。そのファイルを Chrome に直接貼り付けて開けるようにします。
歯車、リンク機構、自動水平調整キャビンを備えた精密な機械式 SVG 観覧車アニメーションを設計し、HTML で出力するためのプロンプト。
メインホイール、中央ベアリング、サポートフレーム、駆動ギアセット、および8〜12個のキャビン（水平を保つための逆自動水平調整機構付き）を含む SVG 観覧車の機械式アニメーションを設計してください。すべてのリンケージとギア伝達は正確でなければならず、完全な機械式駆動チェーンと、キャビンを水平に保つ逆回転ロジックを示す必要があります。HTML 形式で出力してください。
Tailwind と JavaScript を使用して、インタラクティブな SVG ボディ、フィルター、エクササイズカードを備えた Keep スタイルの中国語フィットネスページを単一の HTML ファイルで構築するための英語のプロンプト。
クリーンでモダンな UI、インタラクティブな SVG ボディ（前面/背面ビューで、筋肉をクリックするとハイライト表示される）、中国語のフィルター（性別/レベル/器具）、エクササイズカードを備えた Keep スタイルの中国語フィットネスページを構築します。Tailwind + JavaScript を使用して、単一の HTML ファイルとして提供してください。
レトロなポラロイド風のウェブカメラアプリについて詳細に記述した中国語のプロンプト。ライブウェブカメラのプレビュー、現像中の写真アニメーション、ドラッグ可能な写真でコラージュウォールを形成する機能が含まれています。
レトロなポラロイド風のウェブカメラアプリを開発してください。ページの左下隅にポラロイドカメラのモデルを配置し、ユーザーのウェブカメラを呼び出してリアルタイムのプレビューを表示できるようにします。シャッターをクリックすると、カメラの上部から「印画紙」がゆっくりと出てきて、写真が最初はぼやけていた状態から徐々に鮮明に現像されます。完全に現像された写真を、ユーザーはカメラの上からページの任意の位置にドラッグして、「写真コラージュウォール」のような自由なレイアウトを作成できます。
Gemini に世界クラスのフロントエンド エンジニアとして、React、Three.js、Tailwind CSS、および Gemini API を使用して Minecraft のような 3D レンガ ビルダー アプリを構築させる、英語システム スタイルのプロンプト。
世界クラスのフロントエンド エンジニアおよび UX デザイナーとして、React、Three.js (@react-three/fiber)、Tailwind CSS、および Google Gemini API (@google/genai) を使用して、{argument name="application_name_en" default="3D Brick Builder Application"} を構築してください。 ## デザイン哲学 - **テーマ**: {argument name="theme_en" default="White Base"} のモダンな美学。
ユーザーが写真をアップロードして、異なる王朝の漢服をバーチャル試着したり、簪やメイクをカスタマイズしたりできる漢服ワードローブ Web アプリを Gemini 3 Pro で生成するための中国語プロンプト。
中国語の AI 漢服ワードローブアプリを生成します。AI 顔交換または 3D 体型技術を使用します。ユーザーは写真をアップロードし、ワンクリックで様々な王朝（{argument name="dynasty_1_en" default="Tang"}、{argument name="dynasty_2_en" default="Song"}、{argument name="dynasty_3_en" default="Ming"}）の漢服を「試着」したり、簪やメイクを自分でカスタマイズしたりできます。
高級時計向けの豪華な 3D 製品体験ウェブページをデザインするための、詳細な日本語プロンプト。Next.js、Three.js、React Three Fiber、GLSL を使用し、特定のスクロールセクションとシェーダー要件を盛り込む。
高級腕時計の 3D プロダクト体験ページをデザインする。 **ターゲットユーザー:** 富裕層の顧客、時計愛好家、30～50 歳のビジネスパーソン。 **ブランドトーン:** ラグジュアリー × テック (モダンで洗練されたハイエンドな雰囲気)。 スクロール体験 (5 セクション): ヒーローセクション – 腕時計が暗闇から光の中へゆっくりと現れ、回転する。ホログラフィック効果とフレネル反射をカスタムシェーダーで実装する。 詳細ズーム – 文字盤のクローズアップ。GLSL を使用して、金属的な反射、パララックスマッピング、リアルタイムの光沢を実現する。 メカニズム分解 – 時計が分解され、内部のムーブメントが空間に浮かぶ。エネルギーフィールド効果のためにディスプレイスメントシェーダーを使用し、各パーツにグロー効果を追加する。 素材体験 – さまざまな素材のバリエーションを切り替える。金属感、ガラスの屈折、チタンのマットな質感を PBR シェーダーで物理ベースで表現する。 エンディング – 時計が再構築され、カスタムシェーダーで作成された抽象的なグラデーションメッシュの背景が表示される。ブルームや被写界深度などのポストプロセスを適用する。 **技術スタック:** Next.js 15 + Three.js + React Three Fiber + GLSL (カスタムシェーダー) + react-postprocessing + Lenis。 シェーダー要件: フレネル反射シェーダー (リムライト効果) PBR マテリアルシェーダー (ラフネス、メタリック、AO) ホログラフィックシェーダー (玉虫色の干渉効果) ディスプレイスメントシェーダー (波打ちと歪み効果) カスタム背景シェーダー (グラデーションノイズ) ポストプロセス: Bloom、ChromaticAberration、DepthOfField、Vignette。 以下の具体的な数値の提案をお願いします: 各セクションのスクロール範囲 (% または vh 単位) アニメーションパラメーター (位置、回転、スケールなどの開始/終了値) イージング関数 (イーズタイプ) カメラの FOV、位置、ターゲット値 ライティング設定 (強度、色、位置) 各シェーダーのユニフォーム値 (時間進行、スクロール進行、色相、強度など)。
Chrome で動作する、完全に自己完結型の HTML ファイルとして、カラフルなボクセルアートのパゴダガーデン環境をデザインするための英語のプロンプト。ボクセル/WebGL ライブラリは任意。
華やかな庭園の中に、装飾豊かな{argument name="main_structure_en" default="五重塔"}を配した、精巧なボクセルアート環境をデザインしてください。 特に{argument name="key_tree_en" default="桜の木"}など、多様な植生を含め、構図が生き生きとして色彩豊かで、視覚的に印象的になるようにしてください。 お好みのボクセルまたは WebGL ライブラリを使用してください。ただし、プロジェクト全体を単一の自己完結型 HTML ファイルとして納品してください。そのファイルを Chrome に直接貼り付けて開けるようにします。
Gemini へ。Keep にインスパイアされた中国語のワークアウトコースサイトを構築してください。レスポンシブな Tailwind CSS、コースカード、フィルター、および対応するビデオポップアップを備えたサイトです。
{argument name="reference_brand_en" default="Keep"} にインスパイアされた中国語の「ワークアウトコース」ウェブページを構築します。全画面表示のアスリートヒーロー画像、透明な固定ナビゲーション、中国語のカプセルタグカテゴリ、中国語のコースカードのグリッドを含めます。各コースカードはトレーニングプログラムに対応しており、{argument name="instructor_examples_en" default="Pamela, Zhou Liuye, Han Xiaosi, Jojie, Liu Genghong"} などのクリエイターのコーススタイルを参考に、難易度と期間の中国語のタイトルとラベルをデザインします。カードをクリックすると、カード情報と厳密に一致するコースプレビュー動画プレーヤーがページ内に開きます。全体として、ミニマルでありながら詳細なデザインを維持し、スムーズなスクロールとホバーアニメーション、ソフトなグラデーション、洗練されたタイポグラフィを使用して、ハイエンドな中国語体験を創出します。Tailwind CSS を使用して、完全にレスポンシブなレイアウトを実装します。
Gemini を搭載したバックエンドを呼び出してツイートの MBTI タイプを分析する、Linear のダークテーマでスタイル設定された中国語のウェブインターフェースを作成するためのプロンプト。
X MBTI 分析ツールを作成する: ユーザーがツイートを貼り付けると、フロントエンドがバックエンドを呼び出し (バックエンドは Gemini API を使用して MBTI タイプを推測します)。 デザインスタイルは Linear に準拠し、ダークモードのみで、ミニマリストでありながら高品質な雰囲気と洗練されたディテールを重視します。インターフェースは中国語とします。
WebCodecs を使用してエディターを構築し、「ゼルダの伝説 ブレス オブ ザ ワイルド」のゲームプレイをキャプチャする様子を、ベテラン ゲーム プログラミング マスターになりきって描写する、ユーモラスな中国語のプロンプト。
あなたはベテランのゲームプログラミングマスターです。WebCodecs をレンダリングモジュールとして使用するエディターの作成を手伝ってください。Switch の電源を入れ、{argument name="game_title_en" default="The Legend of Zelda: Breath of the Wild"} を挿入します。カートリッジをなめないように注意してください。少し苦いです。プロ仕様のキャプチャカードを使用してビデオをキャプチャし、忘れられた神殿のチャレンジを完了し、風の爆弾を使い、これらすべてを 60 秒の時間制限内で行ってください。
Gemini に、汎用性の高いシンプルな水色の線画 SVG アイコンを 40 個生成するよう依頼する日本語のプロンプト。各アイコンにはダウンロードボタンを付ける。
SVG 形式でシンプルかつ汎用性の高いアイコンを {argument name="icon_count_en" default="40"} 個生成してください。キャンバス上に描画し、色は {argument name="icon_color_en" default="light blue"}、背景は {argument name="background_color_en" default="white"} にしてください。Material Design のような線画スタイルのアイコンを使用してください。各 SVG アイコンを SVG データとしてダウンロードできるボタンも追加してください。
歯車、リンク機構、自動水平調整キャビンを備えた精密な機械式 SVG 観覧車アニメーションを設計し、HTML で出力するためのプロンプト。
メインホイール、中央ベアリング、サポートフレーム、駆動ギアセット、および8〜12個のキャビン（水平を保つための逆自動水平調整機構付き）を含む SVG 観覧車の機械式アニメーションを設計してください。すべてのリンケージとギア伝達は正確でなければならず、完全な機械式駆動チェーンと、キャビンを水平に保つ逆回転ロジックを示す必要があります。HTML 形式で出力してください。
スムーズなスクロールアニメーション、鮮やかな色彩、レスポンシブな Tailwind ベースのレイアウトを備えたネオブルータリズム様式のウェブサイトを作成するための短い英語プロンプト。
創造性の限界を押し広げるネオブルータリズムのウェブサイトを作成しましょう。スムーズなスクロールアニメーション、鮮やかな色彩、Tailwind ES スタイルを取り入れ、完全にレスポンシブに対応させます。
Gemini に世界クラスのフロントエンド エンジニアとして、React、Three.js、Tailwind CSS、および Gemini API を使用して Minecraft のような 3D レンガ ビルダー アプリを構築させる、英語システム スタイルのプロンプト。
世界クラスのフロントエンド エンジニアおよび UX デザイナーとして、React、Three.js (@react-three/fiber)、Tailwind CSS、および Google Gemini API (@google/genai) を使用して、{argument name="application_name_en" default="3D Brick Builder Application"} を構築してください。 ## デザイン哲学 - **テーマ**: {argument name="theme_en" default="White Base"} のモダンな美学。
Gemini 3 Pro 用の中国語プロンプト。ユーザーが入力したテキストを、ページ中央でゆっくりとタイピングアニメーションをしながらドラッグ可能なカードに変換する、レトロな Motorola Fix Beeper スタイルのウェブタイプライターを構築します。
{argument name="device_name_en" default="Motorola Fix Beeper"} をテーマにした、レトロなタイプライターのウェブアプリケーション作成にご協力ください。ページ中央にタイプライターを表示し、ユーザーが入力したテキストを、タイプライターがゆっくりと打つような効果を付けてカードとして生成できるようにします。生成されたカードは、空いている場所にドラッグできるようにしてください。
スタイルとイメージ、特にリニアスタイルのデザインと画像プロンプトを追加することで、生成される「Hello World」ページの品質がどのように変化するかを示す、Gemini 3.0 用の 3 つのシンプルなプロンプトです。
「Hello World」ページを作成してください。 {argument name="style_en" default="Linear"} スタイルの「Hello World」ページを作成してください。 {argument name="style_en" default="Linear"} スタイルの「Hello World」ページを作成してください。
Gemini 3 Pro を使用して、Three.js、Anime.js、Tailwind で豪華なスマートウォッチのランディングページを構築し、その後、高度なアニメーションとインタラクションを備えた複数セクションのスクロールサイトに改良するための、詳細な多段階プロンプトシーケンス。
Three.js、Anime.js、Tailwind を使用して、{argument name="product_type_en" default="高級スマートウォッチ"} ページの HTML ファイルを 1 つ作成してください。3D の {argument name="main_object_en" default="時計"} モデル、{argument name="main_object_background_en" default="ベージュの時計"} を表示する丸い穴のある暗いテクスチャのオーバーレイを作成し、ページ読み込み時にヘッダーと大きな数字がスライドインするようにアニメーション化してください。 ページをよりプロフェッショナルにしてください。静的な穴を、読み込み時に開くアイリスに置き換えてください。{argument name="focus_area_en" default="時計の文字盤"} の上に反射のあるガラスドームを追加し、金属素材を改善し、マウスの視差効果を追加してカーソルに合わせて {argument name="parallax_target_en" default="時計"} が回転するようにし、{argument name="dial_area_en" default="時計の文字盤"} に時刻とフィットネスリングを描画してください。 単一の画面をマルチセクションスクロールサイトに変換してください。ユーザーがスクロールすると、3D の {argument name="scroll_object_en" default="時計"} が各セクションに合わせて移動および回転するようにアニメーション化してください。テキストがそれらの上をスクロールする間、3D キャンバスと背景は固定されたままにし、{argument name="moving_element_en" default="時計"} のみが移動するようにしてください。 - 固定キャンバス: キャンバスを配置する
グラスモーフィズム、ネオンのアクセント、洗練された Inter フォントを使用した、未来的なダークモードの暗号通貨データダッシュボードを再現するための中国語プロンプト。
未来的なダークモードの暗号通貨データダッシュボードを再現します。全体的に高コントラストのオブシディアン背景、グラデーションのアウトラインを持つグラスモーフィズム UI エレメント、スリムな Inter 書体、ネオンライティング効果のある金融データビジュアライゼーションを使用します。
Tailwind と JavaScript を使用して、インタラクティブな SVG ボディ、フィルター、エクササイズカードを備えた Keep スタイルの中国語フィットネスページを単一の HTML ファイルで構築するための英語のプロンプト。
クリーンでモダンな UI、インタラクティブな SVG ボディ（前面/背面ビューで、筋肉をクリックするとハイライト表示される）、中国語のフィルター（性別/レベル/器具）、エクササイズカードを備えた Keep スタイルの中国語フィットネスページを構築します。Tailwind + JavaScript を使用して、単一の HTML ファイルとして提供してください。
レトロなポラロイド風のウェブカメラアプリについて詳細に記述した中国語のプロンプト。ライブウェブカメラのプレビュー、現像中の写真アニメーション、ドラッグ可能な写真でコラージュウォールを形成する機能が含まれています。
レトロなポラロイド風のウェブカメラアプリを開発してください。ページの左下隅にポラロイドカメラのモデルを配置し、ユーザーのウェブカメラを呼び出してリアルタイムのプレビューを表示できるようにします。シャッターをクリックすると、カメラの上部から「印画紙」がゆっくりと出てきて、写真が最初はぼやけていた状態から徐々に鮮明に現像されます。完全に現像された写真を、ユーザーはカメラの上からページの任意の位置にドラッグして、「写真コラージュウォール」のような自由なレイアウトを作成できます。
ユーザーが写真をアップロードして、異なる王朝の漢服をバーチャル試着したり、簪やメイクをカスタマイズしたりできる漢服ワードローブ Web アプリを Gemini 3 Pro で生成するための中国語プロンプト。
中国語の AI 漢服ワードローブアプリを生成します。AI 顔交換または 3D 体型技術を使用します。ユーザーは写真をアップロードし、ワンクリックで様々な王朝（{argument name="dynasty_1_en" default="Tang"}、{argument name="dynasty_2_en" default="Song"}、{argument name="dynasty_3_en" default="Ming"}）の漢服を「試着」したり、簪やメイクを自分でカスタマイズしたりできます。