
一個在 Claude Code 技能中使用的英文提示,它要求 Gemini 3 Pro 為一款新的 AI 遊戲設計一個充滿未來感且動畫豐富的登陸頁面。



以下是 Gemini 3.0 的三個簡單提示,展示了如何透過加入風格和圖像(特別是線性風格設計和圖像提示)來改變所生成「Hello World」頁面的品質。

一個詳細的日文提示,用於設計一個豪華 3D 產品體驗網頁,專為高階手錶打造,使用 Next.js、Three.js、React Three Fiber、GLSL,並包含特定的捲動區塊和著色器要求。


一個幽默的中文提示,扮演一位資深遊戲程式設計大師,描述如何使用 WebCodecs 建立編輯器並擷取《薩爾達傳說:曠野之息》的遊戲畫面。

為 Gemini 3 Pro 設計的詳細多步驟提示序列,用於使用 Three.js、Anime.js 和 Tailwind 建立一個奢華智慧手錶的登陸頁面,然後將其精煉成一個具有進階動畫和互動的多區塊滾動網站。

一個日文提示,要求 Gemini 生成 40 個簡潔、多功能的淺藍色線條風格 SVG 圖示,每個圖示都附有下載按鈕。

一個英文提示,用於設計一個色彩繽紛的體素藝術寶塔花園環境,作為一個完全獨立的 HTML 檔案,可在 Chrome 中運行,並使用任何體素/WebGL 函式庫。

一個長篇的英文風格提示(中文),要求 Gemini 建立一個受 Keep 啟發的中文健身課程網站,具備響應式 Tailwind CSS、課程卡片、篩選器和搭配的影片彈出視窗。

一個英文提示,用於使用 Tailwind 和 JavaScript 在單一 HTML 檔案中建立一個具有互動式 SVG 人體、篩選器和運動卡片的 Keep 風格中文健身頁面。

一個詳盡的中文提示,描述一款具有復古拍立得風格的網路攝影機應用程式,包含即時網路攝影機預覽、沖洗照片動畫,以及可拖曳照片以組成拼貼牆的功能。

一個英文系統風格的提示,讓 Gemini 扮演世界級前端工程師,使用 React、Three.js、Tailwind CSS 和 Gemini API 建立一個類似 Minecraft 的 3D 磚塊建造應用程式。

一個用於建立中文網路介面的提示,該介面透過呼叫由 Gemini 驅動的後端來分析推文的 MBTI 類型,並採用 Linear 的深色主題風格。

一個給 Gemini 3 Pro 的中文提示,用於生成一個漢服衣櫥網路應用程式,使用者可以上傳照片虛擬試穿不同朝代的服裝,並客製化髮簪和妝容。

一個給 Gemini 3 Pro 的中文提示,用於建立一個復古 Motorola Fix Beeper 風格的網路打字機,能將使用者輸入的文字轉換成可拖曳的卡片,並在頁面中央以緩慢的打字動畫顯示。

為 Gemini 3 Pro 撰寫的提示,用於建構一個單頁中文網路應用程式,將每個星星或星座呈現為一本繪本,結合星座線條與插圖神話人物。

一個 Gemini 提示,用於建立一個賽博龐克風格的中文網路應用程式,該應用程式能根據年輕人的生活方式,生成現代的每日運勢卡片,而非傳統的吉祥活動。

一個中文提示,用於建立一個復古拍立得相機網路應用程式,其中左下角的相機連接到網路攝影機,彈出正在顯影的照片,並讓使用者拖曳它們以形成照片牆。

給 Gemini 3.0 Pro 的一個俏皮提示:為一家銷售數位熱狗的虛構新創公司,設計一個極繁主義、著重著色器、波浪漸層的網站,並帶有精美動畫的主視覺文字,可對滑鼠懸停做出反應。

一個精簡的 Three.js/GLSL 提示,要求 Gemini 3 Pro 在單一檔案中建立一個光線行進的 Mandelbulb 碎形,周圍環繞著數千個具有 Unreal Bloom 效果的音訊反應實例化粒子。

一個簡單的指令式提示,要求 Gemini 3 Pro 扮演 makemepulse 工作室的角色,為客戶 AP 建立一個網站,並著重於精心的執行。

一個簡潔的技術提示,用於 Gemini 3 建立一個網路體驗,該體驗使用前置鏡頭和 Mediapipe 臉部地標,透過 Three.js 應用即時 3D 雷射眼效果。

一個提示,指示 Gemini 3 Pro 使用 Three.js 為網頁設計一個完整的《Minecraft》生存模式複製品。

一個給 Gemini-3.0-Pro 的中文提示,用於建立一個 Word 風格的富文本編輯器,作為單一 HTML 檔案,包含主要格式化功能和下載選項。

一個中文提示,要求 Gemini 3.0 扮演一位注重美學的前端工程師,為一個中文 Twitter KOL 排名網站建構一個深色、高對比、由 Tailwind 驅動的登陸頁面,該頁面需從網路抓取資料並輸出純 HTML 及動畫。

一個簡單的 Gemini 提示,用於生成一個透過繪本學習英文的網路應用程式,之後可以透過 Gemini 驅動的互動式課程來強化。

一個簡潔的 Gemini 提示,用於生成一個動畫多級齒輪連動系統,其中轉動主齒輪會按比例帶動所有其他齒輪,適合做為 SVG 或 canvas 演示。




一個英文提示片段,指示 Gemini 實作一個高階的瑞士現代風格登陸頁面,作為單一檔案的 React 元件,遵循嚴格的規範並使用瑞士現代和便當盒式佈局概念。

一個簡短的風格提示,描述一個玻璃擬態(glassmorphism)、霓虹燈般的超現代使用者介面(UI),帶有半透明面板,適合做為網頁介面佈局的指導。

一個提示,指示 Gemini 使用 SVG 繪製一個動態、互動式的示範,說明 Tesla FSD 如何識別道路。

一個非常簡短的提示,要求 Gemini 3 Pro 建立 React 的 GitHub 頁面,有效地重現 React 儲存庫的 GitHub UI。

一個英文提示,指示 Gemini 使用 three.js 建立一個可步行的 3D 博物館場景,其中包含白色牆壁和地板、玻璃天花板以及大廳中的方塊,就像一個小型第一人稱網頁遊戲環境。

一個給 Gemini 3 的程式碼提示,用於生成一個受上傳圖片啟發的 Three.js 體素藝術場景,並將所有程式碼輸出為單一頁面檔案。

一個簡潔的提示,要求 Gemini 生成一個單頁 HTML(使用 SVG),以呈現「量子核心監控系統」的使用者介面。

一個用於生成極具創意、新粗野主義風格、響應式網頁的提示,該網頁具有流暢的捲動動畫、華麗的色彩和 Tailwind CSS,標題為 dorksense。

一個英文提示,要求 Gemini 生成一個高度詳細且富有創意的紐約天際線 SVG,該 SVG 可以作為單一 HTML 檔案貼上並在 Chrome 中開啟。