Gemini 3 Pro 提示詞庫
這裡收錄的是適用於 Gemini 3 Pro 的提示詞案例，適合做多場景影象創作探索、視覺發想和效果驗證。你可以免費複製提示詞，也可以一鍵帶入當前模型流程繼續嘗試。
以下是 Gemini 3.0 的三個簡單提示，展示了新增樣式和影象（特別是 Linear 風格設計和影象提示）如何改變生成的“Hello World”頁面的質量。
幫我構建一個“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、位置和目標值 燈光設定（強度、顏色、位置） 每個著色器的 Uniform 值（時間程序、滾動進度、色相、強度等）。
一個幽默的中文提示，扮演一位資深遊戲程式設計大師，描述瞭如何使用 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 檔案。製作一個 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 生成 40 個淺藍色線條風格的簡單、多功能 SVG 圖示，併為每個圖示提供下載按鈕。
生成 {argument name="icon_count_en" default="40"} 個簡單且高度通用的 SVG 格式圖示。請務必在畫布上繪製它們。顏色應為 {argument name="icon_color_en" default="light blue"}。背景應為 {argument name="background_color_en" default="white"}。使用具有 Material Design 風格的線條式圖示。新增一個按鈕，讓使用者可以下載每個 SVG 圖示的 SVG 資料。
一個英文提示，用於設計一個色彩豐富的體素藝術寶塔花園環境，作為一個完全獨立的 HTML 檔案，可在 Chrome 中執行，並使用任何體素/WebGL 庫。
設計一個精美細緻的體素藝術環境，其中包含一座華麗的 {argument name="main_structure_en" default="寶塔"}，坐落於一個生機勃勃的花園之中。 加入多樣化的植被——特別是 {argument name="key_tree_en" default="櫻花樹"}——並確保構圖充滿活力、色彩斑斕且視覺效果引人注目。 您可以使用任何您喜歡的體素或 WebGL 庫，但請將整個專案作為一個獨立的 HTML 檔案交付，我可以直接貼上並在 Chrome 中開啟。
一箇中文提示，用於重新建立一個具有玻璃擬態、霓虹燈點綴和時尚 Inter 字型的未來主義深色模式加密貨幣資料儀表板。
重新建立一個未來風格的深色模式加密貨幣資料儀表盤：整體採用高對比度的黑曜石背景，玻璃擬態 UI 元素帶有漸變輪廓，纖細的 Inter 字型，以及帶有霓虹燈效果的金融資料視覺化。
一個提示，用於設計一個精確的機械 SVG 摩天輪動畫，包含齒輪、連桿和自調平座艙，並輸出為 HTML。
設計一個 SVG 摩天輪機械動畫，包括主輪、中心軸承、支撐架、驅動齒輪組以及 8 到 12 個帶有反向自調平機構的座艙，以保持座艙水平。所有連桿和齒輪傳動必須精確，展示完整的機械傳動鏈和保持座艙水平的反向旋轉邏輯。以 HTML 格式輸出。
請用中文寫一個長篇的、英文風格的提示詞，要求 Gemini 搭建一個受 Keep 啟發、響應式、使用 Tailwind CSS 的中文健身課程網站。該網站應包含課程卡片、篩選器和匹配的影片彈窗。
構建一個受 Keep 啟發的中文“健身課程”網頁：包含全屏運動員英雄圖片、透明的固定導航欄、中文膠囊標籤分類以及中文課程卡片網格。每張課程卡片對應一個訓練計劃；參考 Pamela、週六野、韓小四、Jojie、劉畊宏等創作者的課程風格，設計中文標題以及難度和時長標籤。點選卡片時，在頁面內開啟一個課程預覽影片播放器，其內容嚴格匹配卡片資訊。整體設計應保持簡約而不失細節，透過流暢的滾動和懸停動畫、柔和的漸變和精緻的排版，營造高階的中文體驗。使用 Tailwind CSS 實現完全響應式佈局。
一個英文提示，用於在單個 HTML 檔案中構建一個 Keep 風格的中文健身頁面，包含互動式 SVG 人體模型、篩選器和運動卡片，使用 Tailwind 和 JavaScript。
構建一個 Keep 風格的中文健身頁面，該頁面具有簡潔、現代的 UI、互動式 SVG 人體模型（正面/背面檢視，點選肌肉會高亮顯示）、中文篩選器（性別/級別/器械）和運動卡片。使用 Tailwind + JavaScript 將其作為單個 HTML 檔案交付。
一個簡短的英文提示，用於建立一個具有流暢滾動動畫、鮮豔色彩和響應式 Tailwind 佈局的新粗野主義風格網站。
建立一個突破創意界限的新粗野主義網站。包含流暢的滾動動畫、鮮豔的色彩和 Tailwind ES 樣式，並使其完全響應式。
一個詳細的中文提示，描述了一款具有復古寶麗來風格的網路攝像頭應用，包括實時網路攝像頭預覽、照片沖印動畫以及可拖動照片組成的拼貼牆。
請開發一個具有復古寶麗來（Polaroid）風格的網路攝像頭應用程式。在頁面左下角放置一個寶麗來相機模型，該模型可以呼叫使用者的網路攝像頭並顯示實時預覽。點選快門後，一張“相紙”會從相機頂部緩慢彈出，照片會從最初的模糊逐漸顯影清晰。使用者可以將完全顯影的照片從相機上方拖動到頁面的任意位置，從而建立類似於“照片拼貼牆”的自由佈局。
一個英文系統風格的提示，讓 Gemini 扮演世界級的全棧工程師，使用 React、Three.js、Tailwind CSS 和 Gemini API 構建一個類似 Minecraft 的 3D 積木建造應用。
請扮演一位世界級的全棧工程師和使用者體驗設計師。使用 React、Three.js (@react-three/fiber)、Tailwind CSS 和 Google Gemini API (@google/genai) 構建一個 {argument name="application_name_en" default="3D 磚塊搭建應用程式"}。 ## 設計理念 - **主題**：{argument name="theme_en" default="白色基調"} 現代美學。
以下是 Gemini 3.0 的三個簡單提示，展示了新增樣式和影象（特別是 Linear 風格設計和影象提示）如何改變生成的“Hello World”頁面的質量。
幫我構建一個“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 生成 40 個淺藍色線條風格的簡單、多功能 SVG 圖示，併為每個圖示提供下載按鈕。
生成 {argument name="icon_count_en" default="40"} 個簡單且高度通用的 SVG 格式圖示。請務必在畫布上繪製它們。顏色應為 {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 的中文健身課程網站。該網站應包含課程卡片、篩選器和匹配的影片彈窗。
構建一個受 Keep 啟發的中文“健身課程”網頁：包含全屏運動員英雄圖片、透明的固定導航欄、中文膠囊標籤分類以及中文課程卡片網格。每張課程卡片對應一個訓練計劃；參考 Pamela、週六野、韓小四、Jojie、劉畊宏等創作者的課程風格，設計中文標題以及難度和時長標籤。點選卡片時，在頁面內開啟一個課程預覽影片播放器，其內容嚴格匹配卡片資訊。整體設計應保持簡約而不失細節，透過流暢的滾動和懸停動畫、柔和的漸變和精緻的排版，營造高階的中文體驗。使用 Tailwind CSS 實現完全響應式佈局。
一個簡短的英文提示，用於建立一個具有流暢滾動動畫、鮮豔色彩和響應式 Tailwind 佈局的新粗野主義風格網站。
建立一個突破創意界限的新粗野主義網站。包含流暢的滾動動畫、鮮豔的色彩和 Tailwind ES 樣式，並使其完全響應式。
一個詳細的日文提示，用於設計一個豪華 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、位置和目標值 燈光設定（強度、顏色、位置） 每個著色器的 Uniform 值（時間程序、滾動進度、色相、強度等）。
一個詳細的多步驟提示序列，用於 Gemini 3 Pro 構建一個使用 Three.js、Anime.js 和 Tailwind 的奢華智慧手錶著陸頁，然後將其完善為一個具有高階動畫和互動的多部分滾動網站。
使用 Three.js、Anime.js 和 Tailwind 為一個 {argument name="product_type_en" default="奢華智慧手錶"} 頁面建立一個 HTML 檔案。製作一個 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="手錶"} 移動。 - 固定畫布：定位畫布
一個英文提示，用於設計一個色彩豐富的體素藝術寶塔花園環境，作為一個完全獨立的 HTML 檔案，可在 Chrome 中執行，並使用任何體素/WebGL 庫。
設計一個精美細緻的體素藝術環境，其中包含一座華麗的 {argument name="main_structure_en" default="寶塔"}，坐落於一個生機勃勃的花園之中。 加入多樣化的植被——特別是 {argument name="key_tree_en" default="櫻花樹"}——並確保構圖充滿活力、色彩斑斕且視覺效果引人注目。 您可以使用任何您喜歡的體素或 WebGL 庫，但請將整個專案作為一個獨立的 HTML 檔案交付，我可以直接貼上並在 Chrome 中開啟。
一個提示，用於設計一個精確的機械 SVG 摩天輪動畫，包含齒輪、連桿和自調平座艙，並輸出為 HTML。
設計一個 SVG 摩天輪機械動畫，包括主輪、中心軸承、支撐架、驅動齒輪組以及 8 到 12 個帶有反向自調平機構的座艙，以保持座艙水平。所有連桿和齒輪傳動必須精確，展示完整的機械傳動鏈和保持座艙水平的反向旋轉邏輯。以 HTML 格式輸出。
一個英文提示，用於在單個 HTML 檔案中構建一個 Keep 風格的中文健身頁面，包含互動式 SVG 人體模型、篩選器和運動卡片，使用 Tailwind 和 JavaScript。
構建一個 Keep 風格的中文健身頁面，該頁面具有簡潔、現代的 UI、互動式 SVG 人體模型（正面/背面檢視，點選肌肉會高亮顯示）、中文篩選器（性別/級別/器械）和運動卡片。使用 Tailwind + JavaScript 將其作為單個 HTML 檔案交付。
一個詳細的中文提示，描述了一款具有復古寶麗來風格的網路攝像頭應用，包括實時網路攝像頭預覽、照片沖印動畫以及可拖動照片組成的拼貼牆。
請開發一個具有復古寶麗來（Polaroid）風格的網路攝像頭應用程式。在頁面左下角放置一個寶麗來相機模型，該模型可以呼叫使用者的網路攝像頭並顯示實時預覽。點選快門後，一張“相紙”會從相機頂部緩慢彈出，照片會從最初的模糊逐漸顯影清晰。使用者可以將完全顯影的照片從相機上方拖動到頁面的任意位置，從而建立類似於“照片拼貼牆”的自由佈局。
一個英文系統風格的提示，讓 Gemini 扮演世界級的全棧工程師，使用 React、Three.js、Tailwind CSS 和 Gemini API 構建一個類似 Minecraft 的 3D 積木建造應用。
請扮演一位世界級的全棧工程師和使用者體驗設計師。使用 React、Three.js (@react-three/fiber)、Tailwind CSS 和 Google Gemini API (@google/genai) 構建一個 {argument name="application_name_en" default="3D 磚塊搭建應用程式"}。 ## 設計理念 - **主題**：{argument name="theme_en" default="白色基調"} 現代美學。
一個詳細的日文提示，用於設計一個豪華 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、位置和目標值 燈光設定（強度、顏色、位置） 每個著色器的 Uniform 值（時間程序、滾動進度、色相、強度等）。
一個英文提示，用於設計一個色彩豐富的體素藝術寶塔花園環境，作為一個完全獨立的 HTML 檔案，可在 Chrome 中執行，並使用任何體素/WebGL 庫。
設計一個精美細緻的體素藝術環境，其中包含一座華麗的 {argument name="main_structure_en" default="寶塔"}，坐落於一個生機勃勃的花園之中。 加入多樣化的植被——特別是 {argument name="key_tree_en" default="櫻花樹"}——並確保構圖充滿活力、色彩斑斕且視覺效果引人注目。 您可以使用任何您喜歡的體素或 WebGL 庫，但請將整個專案作為一個獨立的 HTML 檔案交付，我可以直接貼上並在 Chrome 中開啟。
一個英文提示，用於在單個 HTML 檔案中構建一個 Keep 風格的中文健身頁面，包含互動式 SVG 人體模型、篩選器和運動卡片，使用 Tailwind 和 JavaScript。
構建一個 Keep 風格的中文健身頁面，該頁面具有簡潔、現代的 UI、互動式 SVG 人體模型（正面/背面檢視，點選肌肉會高亮顯示）、中文篩選器（性別/級別/器械）和運動卡片。使用 Tailwind + JavaScript 將其作為單個 HTML 檔案交付。
一個幽默的中文提示，扮演一位資深遊戲程式設計大師，描述瞭如何使用 WebCodecs 構建編輯器並捕捉《塞爾達傳說：曠野之息》的遊戲畫面。
你是一位資深的遊戲程式設計大師。請幫我編寫一個編輯器，其渲染模組使用 WebCodecs。開啟 Switch 並插入 {argument name="game_title_en" default="The Legend of Zelda: Breath of the Wild"}。小心不要舔卡帶——它有點苦。使用專業的採集卡捕捉影片，在 60 秒的時間限制內完成“被遺忘的聖殿”挑戰並使用風彈。
一個日文提示，要求 Gemini 生成 40 個淺藍色線條風格的簡單、多功能 SVG 圖示，併為每個圖示提供下載按鈕。
生成 {argument name="icon_count_en" default="40"} 個簡單且高度通用的 SVG 格式圖示。請務必在畫布上繪製它們。顏色應為 {argument name="icon_color_en" default="light blue"}。背景應為 {argument name="background_color_en" default="white"}。使用具有 Material Design 風格的線條式圖示。新增一個按鈕，讓使用者可以下載每個 SVG 圖示的 SVG 資料。
一個提示，用於設計一個精確的機械 SVG 摩天輪動畫，包含齒輪、連桿和自調平座艙，並輸出為 HTML。
設計一個 SVG 摩天輪機械動畫，包括主輪、中心軸承、支撐架、驅動齒輪組以及 8 到 12 個帶有反向自調平機構的座艙，以保持座艙水平。所有連桿和齒輪傳動必須精確，展示完整的機械傳動鏈和保持座艙水平的反向旋轉邏輯。以 HTML 格式輸出。
一個簡短的英文提示，用於建立一個具有流暢滾動動畫、鮮豔色彩和響應式 Tailwind 佈局的新粗野主義風格網站。
建立一個突破創意界限的新粗野主義網站。包含流暢的滾動動畫、鮮豔的色彩和 Tailwind ES 樣式，並使其完全響應式。
一個英文系統風格的提示，讓 Gemini 扮演世界級的全棧工程師，使用 React、Three.js、Tailwind CSS 和 Gemini API 構建一個類似 Minecraft 的 3D 積木建造應用。
請扮演一位世界級的全棧工程師和使用者體驗設計師。使用 React、Three.js (@react-three/fiber)、Tailwind CSS 和 Google Gemini API (@google/genai) 構建一個 {argument name="application_name_en" default="3D 磚塊搭建應用程式"}。 ## 設計理念 - **主題**：{argument name="theme_en" default="白色基調"} 現代美學。
以下是 Gemini 3.0 的三個簡單提示，展示了新增樣式和影象（特別是 Linear 風格設計和影象提示）如何改變生成的“Hello World”頁面的質量。
幫我構建一個“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 檔案。製作一個 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 字型，以及帶有霓虹燈效果的金融資料視覺化。
請用中文寫一個長篇的、英文風格的提示詞，要求 Gemini 搭建一個受 Keep 啟發、響應式、使用 Tailwind CSS 的中文健身課程網站。該網站應包含課程卡片、篩選器和匹配的影片彈窗。
構建一個受 Keep 啟發的中文“健身課程”網頁：包含全屏運動員英雄圖片、透明的固定導航欄、中文膠囊標籤分類以及中文課程卡片網格。每張課程卡片對應一個訓練計劃；參考 Pamela、週六野、韓小四、Jojie、劉畊宏等創作者的課程風格，設計中文標題以及難度和時長標籤。點選卡片時，在頁面內開啟一個課程預覽影片播放器，其內容嚴格匹配卡片資訊。整體設計應保持簡約而不失細節，透過流暢的滾動和懸停動畫、柔和的漸變和精緻的排版，營造高階的中文體驗。使用 Tailwind CSS 實現完全響應式佈局。
一個詳細的中文提示，描述了一款具有復古寶麗來風格的網路攝像頭應用，包括實時網路攝像頭預覽、照片沖印動畫以及可拖動照片組成的拼貼牆。
請開發一個具有復古寶麗來（Polaroid）風格的網路攝像頭應用程式。在頁面左下角放置一個寶麗來相機模型，該模型可以呼叫使用者的網路攝像頭並顯示實時預覽。點選快門後，一張“相紙”會從相機頂部緩慢彈出，照片會從最初的模糊逐漸顯影清晰。使用者可以將完全顯影的照片從相機上方拖動到頁面的任意位置，從而建立類似於“照片拼貼牆”的自由佈局。