GEMINI 3 PRO
プロンプト

プレビュー

感謝祭のチャーリー・ブラウンをテーマにした、ウェブストアのフロントデザインに適したストアインターフェースを構築するための簡潔なプロンプト。

プレビュー

Claude Code スキル内で使用される英語のプロンプト。Gemini 3 Pro に、新しい AI ゲーム向けの未来的でアニメーションが豊富なランディング ページをデザインするよう依頼します。

スタイルとイメージ、特にリニアスタイルのデザインと画像プロンプトを追加することで、生成される「Hello World」ページの品質がどのように変化するかを示す、Gemini 3.0 用の 3 つのシンプルなプロンプトです。

プレビュー

高級時計向けの豪華な 3D 製品体験ウェブページをデザインするための、詳細な日本語プロンプト。Next.js、Three.js、React Three Fiber、GLSL を使用し、特定のスクロールセクションとシェーダー要件を盛り込む。

プレビュー

WebCodecs を使用してエディターを構築し、「ゼルダの伝説 ブレス オブ ザ ワイルド」のゲームプレイをキャプチャする様子を、ベテラン ゲーム プログラミング マスターになりきって描写する、ユーモラスな中国語のプロンプト。

プレビュー

Gemini 3 Pro を使用して、Three.js、Anime.js、Tailwind で豪華なスマートウォッチのランディングページを構築し、その後、高度なアニメーションとインタラクションを備えた複数セクションのスクロールサイトに改良するための、詳細な多段階プロンプトシーケンス。

プレビュー

Gemini に、汎用性の高いシンプルな水色の線画 SVG アイコンを 40 個生成するよう依頼する日本語のプロンプト。各アイコンにはダウンロードボタンを付ける。

プレビュー

Chrome で動作する、完全に自己完結型の HTML ファイルとして、カラフルなボクセルアートのパゴダガーデン環境をデザインするための英語のプロンプト。ボクセル/WebGL ライブラリは任意。

プレビュー

グラスモーフィズム、ネオンのアクセント、洗練された Inter フォントを使用した、未来的なダークモードの暗号通貨データダッシュボードを再現するための中国語プロンプト。

プレビュー

歯車、リンク機構、自動水平調整キャビンを備えた精密な機械式 SVG 観覧車アニメーションを設計し、HTML で出力するためのプロンプト。

プレビュー

Gemini へ。Keep にインスパイアされた中国語のワークアウトコースサイトを構築してください。レスポンシブな Tailwind CSS、コースカード、フィルター、および対応するビデオポップアップを備えたサイトです。

プレビュー

Tailwind と JavaScript を使用して、インタラクティブな SVG ボディ、フィルター、エクササイズカードを備えた Keep スタイルの中国語フィットネスページを単一の HTML ファイルで構築するための英語のプロンプト。

プレビュー

スムーズなスクロールアニメーション、鮮やかな色彩、レスポンシブな Tailwind ベースのレイアウトを備えたネオブルータリズム様式のウェブサイトを作成するための短い英語プロンプト。

プレビュー

レトロなポラロイド風のウェブカメラアプリについて詳細に記述した中国語のプロンプト。ライブウェブカメラのプレビュー、現像中の写真アニメーション、ドラッグ可能な写真でコラージュウォールを形成する機能が含まれています。

プレビュー

ユーザーが毎朝夢を記録し、ステッカーイラストをコラージュして、最終的にタロットのような夢のカードを生成する中国語のウェブアプリを構築するためのプロンプト。

プレビュー

Gemini に世界クラスのフロントエンド エンジニアとして、React、Three.js、Tailwind CSS、および Gemini API を使用して Minecraft のような 3D レンガ ビルダー アプリを構築させる、英語システム スタイルのプロンプト。

プレビュー

Gemini を搭載したバックエンドを呼び出してツイートの MBTI タイプを分析する、Linear のダークテーマでスタイル設定された中国語のウェブインターフェースを作成するためのプロンプト。

プレビュー

ユーザーが写真をアップロードして、異なる王朝の漢服をバーチャル試着したり、簪やメイクをカスタマイズしたりできる漢服ワードローブ Web アプリを Gemini 3 Pro で生成するための中国語プロンプト。

プレビュー

Gemini 3 Pro 用の中国語プロンプト。ユーザーが入力したテキストを、ページ中央でゆっくりとタイピングアニメーションをしながらドラッグ可能なカードに変換する、レトロな Motorola Fix Beeper スタイルのウェブタイプライターを構築します。

プレビュー

Gemini 3 Pro 用プロンプト：各星や星座を絵本のように表現し、星座の線と神話の登場人物のイラストを組み合わせたシングルページの中国語 Web アプリを構築する。

プレビュー

若者のライフスタイルに合わせた現代的な日替わりおみくじカードを生成する、サイバーテーマの中国語ウェブアプリを作成するための Gemini プロンプト。

プレビュー

左下にカメラがあり、ウェブカメラに接続して現像中の写真を排出し、ユーザーがそれらをドラッグしてフォトウォールを形成できる、レトロなポラロイドカメラのウェブアプリを構築するための中国語のプロンプト。

プレビュー

デジタルホットドッグを販売する架空のスタートアップ向けに、マキシマリストでシェーダーを多用した波打つグラデーションのウェブサイトをデザインする、Gemini 3.0 Pro 向けの遊び心のあるプロンプト。マウスホバーに反応して美しくアニメーションするヒーローテキストも含む。

プレビュー

Gemini 3 Pro に、Unreal Bloom を適用した何千ものオーディオ反応型インスタンス化パーティクルに囲まれたレイマーチングのマンデルバルブ・フラクタルを、単一ファイルで作成するよう依頼する、コンパクトな Three.js/GLSL プロンプト。

プレビュー

Gemini 3 Pro に、スタジオ makemepulse として振る舞い、AP というクライアントのために、慎重な実行に焦点を当ててウェブサイトを構築するよう指示する、シンプルな指示形式のプロンプト。

プレビュー

Gemini 3 向けの簡潔な技術プロンプト。フロントカメラと MediaPipe の顔のランドマークを使用して、Three.js 経由でリアルタイムの 3D レーザーアイエフェクトを適用するウェブエクスペリエンスを構築します。

プレビュー

Gemini 3 Pro に、Three.js を使用してウェブ用の Minecraft の完全なサバイバルモードレプリカを設計するよう指示するプロンプト。

プレビュー

あらゆる業種に対応可能な、レスポンシブ レイアウト、アニメーション、インタラクティブ要素を備えたプロフェッショナルな企業向けランディング ページを生成するための Gemini プロンプト。

プレビュー

毎日、中国の伝統色を一つ紹介し、詩や関連するイラスト、風景を添えるウェブアプリを構築するための Gemini プロンプト。

プレビュー

Gemini-3.0-Pro に、主要な書式設定機能とダウンロード オプションを含む Word スタイルのリッチ テキスト エディターを単一の HTML ファイルとして構築させるための中国語プロンプト。

プレビュー

Gemini 3.0 に、美的センスのあるフロントエンドエンジニアとして、中国の Twitter KOL ランキングサイト向けに、ウェブからデータを取得し、アニメーション付きの純粋な HTML を出力する、ダークで高コントラストな Tailwind を採用したランディングページを構築するよう依頼する中国語のプロンプト。

プレビュー

絵本で英語を学べるウェブアプリケーションを生成するためのシンプルな Gemini プロンプトです。このアプリは、後からインタラクティブな Gemini 搭載レッスンで強化できます。

プレビュー

Douyin のレコメンデーションアルゴリズムのアニメーションデモを生成するための短い中国語プロンプト。アニメーションに焦点を当てていますが、ウェブコンテキスト内で使用できます。

プレビュー

SVG または Canvas デモに適した、メインギアを回すと他のすべてのギアが比例して駆動する、アニメーション化された多段階ギア連動システムを生成するための簡潔な Gemini プロンプト。

プレビュー

レイヤー化された背景、スムーズなトランジション、インタラクティブなアニメーション要素を備えた、視覚的に印象的なパララックススクロールウェブサイトのホームページを生成するための英語のプロンプト。

Gemini に、厳格な仕様に従い、スイスモダンと弁当箱レイアウトのコンセプトを用いて、ハイエンドなスイスモダンスタイルのランディングページを単一ファイル React コンポーネントとして実装するよう指示する英語のプロンプトスニペット。

プレビュー

半透明のパネルを備えた、グラスモーフィズムとネオンのような超モダンな UI を記述する短いスタイルプロンプト。ウェブインターフェースのレイアウトのガイダンスに適しています。

プレビュー

Tesla FSD が道路を認識する方法を、SVG を使用して動的かつインタラクティブなデモンストレーションで描画するよう Gemini に指示するプロンプト。

プレビュー

Gemini 3 Pro に React の GitHub ページを作成するよう促す非常に短いプロンプトで、React リポジトリの GitHub UI を効果的に再現します。

プレビュー

Gemini に、白い壁と床、ガラスの天井、ホールにブロックがある、小さな一人称視点のウェブゲーム環境のような、three.js で作成された歩行可能な 3D 美術館シーンを作るよう指示する英語のプロンプト。

プレビュー

アップロードされた画像にインスパイアされた Three.js のボクセルアートシーンを生成するための Gemini 3 用コーディングプロンプト。すべてのコードは単一ページファイルとして出力されます。

プレビュー

ユーザーがシャッフル、自動解決、手動操作できる 3D ルービックキューブのウェブインターフェースのプロンプト。

プレビュー

Gemini を使用して CapCut スタイルの動画編集アプリケーションのインターフェースをデザインするための、非常にシンプルで高レベルなプロンプト。

プレビュー

単一の HTML ファイル内に実装された、完全に機能するビリヤードゲームを要求する直接的なプロンプト。

プレビュー

「量子コア監視システム」の UI を表す単一ページの HTML（SVG を使用）を生成するよう Gemini に依頼する簡潔なプロンプト。

プレビュー

特殊相対性理論を説明するためにクールな点群エフェクトを使用し、インタラクティブな物理デモに最適な動的ウェブページを作成するよう Gemini に指示する簡潔な中国語プロンプト。

プレビュー

Gemini 3.0 Pro に、Web ページや UI コンポーネントへの埋め込みに適した Xbox コントローラーの SVG 表現を作成するよう促すプロンプト。

プレビュー

dorksense と題された、非常にクリエイティブでネオブランタリズムな、スムーズなスクロールアニメーション、ファンシーな色、および Tailwind CSS を備えたレスポンシブなウェブページを生成するためのプロンプト。

プレビュー

ニューヨークのスカイラインを、単一の HTML ファイルとして貼り付け、Chrome で開くことができる、非常に詳細でクリエイティブな SVG を生成するよう Gemini に依頼する英語のプロンプト。