🎨 Google Gemini 3 多模態 AI 提示詞精選集合
💡 Note: 如果您對 Nano Banana Pro 圖像提示詞感興趣,歡迎查看我們的另一個倉庫,包含 500+ 精選提示詞:https://github.com/YouMind-OpenLab/awesome-nano-banana-pro-prompts
⚠️ 版權聲明:所有提示詞均收集自社區,僅供教育目的使用。如果您認為任何內容侵犯了您的權利,請提交 issue,我們將立即移除。
為什麼使用圖庫?
| Feature | GitHub README | youmind.com 圖庫 |
|---|---|---|
| 🎨 可視化佈局 | 線性列表 | 精美的瀑布流網格 |
| 🔍 搜索 | 僅 Ctrl+F | 全文搜索和篩選 |
| 🤖 AI 一鍵生圖 | - | AI 一鍵生圖 |
| 📱 移動端 | 基礎 | 完全響應式 |
Gemini 3 是 Google 發布的新一代多模態大模型,具有以下特點:
- 🎯 超大上下文窗口 - 支持 100 萬 tokens,全面理解上下文
- 🎨 多模態智能 - 理解並生成文本、圖像、音頻、視頻、代碼等多種輸入
- ⚡ 執行型 AI - 自動化執行,可直接生成網站並實時預覽,一鍵發布
- 🌈 強大推理能力 - 高級問題解決和複雜任務處理
📚 了解更多:Gemini 3: 10 個真實案例
部分提示詞支持使用 Raycast Snippets 語法的動態參數。尋找 🚀 Raycast Friendly 徽章!
示例:
A quote card with "{argument name="quote" default="Stay hungry, stay foolish"}"
by {argument name="author" default="Steve Jobs"}
在 Raycast 中使用時,您可以動態替換參數以快速迭代!
| 指標 | 數量 |
|---|---|
| 📝 提示詞總數 | 49 |
| ⭐ 精選 | 0 |
| 🔄 最後更新 | 2026年4月25日 星期六 晚上8:35:03 [UTC] |
📝 按發布日期排序(最新優先)
一個簡潔的提示,用於建立一個以感恩節查理布朗為主題的商店介面,適合做為網路商店的設計。
請以「{argument name="theme_en" default="Thanksgiving Charlie Brown"}」為主題和風格,為我建立一個商店。
- 作者: Sedativ
- 來源: Twitter Post
- 發布時間: 2025年11月25日
- 多語言: en
一個在 Claude Code 技能中使用的英文提示,它要求 Gemini 3 Pro 為一款新的 AI 遊戲設計一個充滿未來感且動畫豐富的登陸頁面。
我想要為一款新的 {argument name="product_type_en" default="AI 遊戲"} 設計一個登陸頁面。我們希望它看起來充滿未來感,並盡可能多地使用動畫。
- 作者: elvis
- 來源: Twitter Post
- 發布時間: 2025年11月24日
- 多語言: en
以下是 Gemini 3.0 的三個簡單提示,展示了如何透過加入風格和圖像(特別是線性風格設計和圖像提示)來改變所生成「Hello World」頁面的品質。
協助我建立一個 hello world 頁面。
協助我建立一個採用 {argument name="style_en" default="Linear"} 樣式的 hello world 頁面。
協助我建立一個採用 {argument name="style_en" default="Linear"} 樣式的 hello world 頁面。
- 作者: Jason Zhou
- 來源: Twitter Post
- 發布時間: 2025年11月21日
- 多語言: en
一個詳細的日文提示,用於設計一個豪華 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 值(時間進度、滾動進度、色相、強度等)。
- 作者: Shin@プログラミングチュートリアル
- 來源: Twitter Post
- 發布時間: 2025年11月21日
- 多語言: ja
一個幽默的中文提示,扮演一位資深遊戲程式設計大師,描述如何使用 WebCodecs 建立編輯器並擷取《薩爾達傳說:曠野之息》的遊戲畫面。
您是一位資深的遊戲程式設計大師。請幫我編寫一個編輯器,其渲染模組使用 WebCodecs。打開 Switch 並插入 {argument name="game_title_en" default="薩爾達傳說:曠野之息"}。小心不要舔卡帶——它有點苦。使用專業擷取卡錄製影片,在 60 秒的時間限制內完成「被遺忘的神廟」挑戰並使用風彈。
- 作者: 海拉鲁编程客
- 來源: Twitter Post
- 發布時間: 2025年11月20日
- 多語言: zh
為 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="手錶"} 移動。
- 固定畫布:定位畫布
- 作者: Harshith
- 來源: Twitter Post
- 發布時間: 2025年11月20日
- 多語言: en
一個日文提示,要求 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 資料。
- 作者: KAWAI
- 來源: Twitter Post
- 發布時間: 2025年11月20日
- 多語言: ja
一個英文提示,用於設計一個色彩繽紛的體素藝術寶塔花園環境,作為一個完全獨立的 HTML 檔案,可在 Chrome 中運行,並使用任何體素/WebGL 函式庫。
設計一個精緻的立體像素藝術環境,其中包含一座華麗的 {argument name="main_structure_en" default="pagoda"},置身於一個生機盎然的花園中。
加入多樣的植被——特別是 {argument name="key_tree_en" default="cherry blossom trees"}——並確保構圖感覺生動、色彩豐富且視覺效果引人注目。
您可以使用任何偏好的立體像素或 WebGL 函式庫,但請將整個專案作為一個獨立的 HTML 檔案交付,以便我可以直接貼上並在 Chrome 中開啟。
- 作者: 老白(每日干货分享✊)
- 來源: Twitter Post
- 發布時間: 2025年11月20日
- 多語言: en
一個中文提示,用於重新創建一個未來感的深色模式加密貨幣數據儀表板,具有玻璃擬態、霓虹燈點綴和時尚的 Inter 字體。
重新打造一個未來感的深色模式加密貨幣數據儀表板:整體採用高對比度的黑曜石背景、帶有漸變邊框的玻璃擬態 UI 元素、纖細的 Inter 字體,以及帶有霓虹燈效果的金融數據視覺化。
- 作者: 老白(每日干货分享✊)
- 來源: Twitter Post
- 發布時間: 2025年11月20日
- 多語言: zh
一個提示,用於設計一個精確的機械 SVG 摩天輪動畫,包含齒輪、連桿和自動調平座艙,並以 HTML 輸出。
設計一個 SVG 摩天輪機械動畫,其中包含一個主輪、中央軸承、支撐架、傳動齒輪組,以及 8 到 12 個帶有反向自平衡機制以保持水平的座艙。所有連桿和齒輪傳動必須精確,展示完整的機械傳動鏈和保持座艙水平的反向旋轉邏輯。以 HTML 格式輸出。
- 作者: 老白(每日干货分享✊)
- 來源: Twitter Post
- 發布時間: 2025年11月20日
- 多語言: zh
一個長篇的英文風格提示(中文),要求 Gemini 建立一個受 Keep 啟發的中文健身課程網站,具備響應式 Tailwind CSS、課程卡片、篩選器和搭配的影片彈出視窗。
建立一個受 {reference_brand_en} 啟發的中文「健身課程」網頁:包含全螢幕運動員主視覺圖片、透明固定導覽列、中文膠囊標籤類別,以及中文課程卡片網格。每張課程卡片對應一個訓練計畫;參考 {instructor_examples_en} 等創作者的課程風格,設計中文標題和難度、時長標籤。點擊卡片時,在頁面內開啟一個與卡片資訊嚴格匹配的課程預覽影片播放器。整體設計應簡約而細緻,運用流暢捲動和懸停動畫、柔和漸層和精緻排版,營造高端的中文體驗。使用 Tailwind CSS 實作完全響應式佈局。
- 作者: 老白(每日干货分享✊)
- 來源: Twitter Post
- 發布時間: 2025年11月20日
- 多語言: zh
一個英文提示,用於使用 Tailwind 和 JavaScript 在單一 HTML 檔案中建立一個具有互動式 SVG 人體、篩選器和運動卡片的 Keep 風格中文健身頁面。
使用簡潔、現代化的使用者介面,打造一個 Keep 風格的中文健身頁面,其中包含互動式 SVG 人體模型(正面/背面視圖,點擊肌肉會高亮顯示)、中文篩選器(性別/等級/器材)和運動卡片。使用 Tailwind + JavaScript 將其作為單一 HTML 檔案交付。
- 作者: 老白(每日干货分享✊)
- 來源: Twitter Post
- 發布時間: 2025年11月20日
- 多語言: en
一個簡短的英文提示,用於建立一個具有流暢捲動動畫、鮮豔色彩和響應式 Tailwind 佈局的新粗野主義風格網站。
建立一個突破創意界限的新粗野主義網站。加入流暢的捲動動畫、鮮豔的色彩和 Tailwind ES 樣式,並使其完全響應式。
- 作者: 老白(每日干货分享✊)
- 來源: Twitter Post
- 發布時間: 2025年11月20日
- 多語言: en
一個詳盡的中文提示,描述一款具有復古拍立得風格的網路攝影機應用程式,包含即時網路攝影機預覽、沖洗照片動畫,以及可拖曳照片以組成拼貼牆的功能。
請開發一個具有復古拍立得氛圍的網路攝影機應用程式。在頁面左下角放置一個拍立得相機模型,該模型可以呼叫使用者的網路攝影機並顯示即時預覽。點擊快門後,一張「相紙」會從相機頂部緩慢彈出,照片會從最初的模糊逐漸變得清晰。使用者可以將完全顯影的照片從相機上方拖曳到頁面上的任何位置,創造出類似於「照片拼貼牆」的自由佈局。
- 作者: 老白(每日干货分享✊)
- 來源: Twitter Post
- 發布時間: 2025年11月20日
- 多語言: zh
一個用於建立中文網路應用程式的提示,讓使用者每天早上記錄夢境、拼貼貼紙插圖,最後生成一張塔羅牌般的夢境卡。
開發一個中文網路應用程式,讓使用者每天早上記錄他們的夢境。此應用程式提供大量的「插畫貼紙」,讓使用者拼貼並重現夢境場景,最後生成一張看起來像塔羅牌的夢境卡片。
- 作者: 松果先森
- 來源: Twitter Post
- 發布時間: 2025年11月20日
- 多語言: zh
一個英文系統風格的提示,讓 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 Brick Builder Application"}。
## 設計理念
- **主題**:{argument name="theme_en" default="White Base"} 現代美學。
- 作者: チャエン | デジライズ CEO《重要AIニュースを毎日最速で発信⚡️》
- 來源: Twitter Post
- 發布時間: 2025年11月20日
- 多語言: en
一個用於建立中文網路介面的提示,該介面透過呼叫由 Gemini 驅動的後端來分析推文的 MBTI 類型,並採用 Linear 的深色主題風格。
建立一個 X MBTI 分析器:使用者貼上推文 → 前端呼叫後端(後端使用 Gemini API 推斷 MBTI 類型)。
設計風格應遵循 Linear,僅限深色模式,並帶有簡約而高品質的感覺和精緻的細節。介面應為中文。
- 作者: katon
- 來源: Twitter Post
- 發布時間: 2025年11月20日
- 多語言: zh
一個給 Gemini 3 Pro 的中文提示,用於生成一個漢服衣櫥網路應用程式,使用者可以上傳照片虛擬試穿不同朝代的服裝,並客製化髮簪和妝容。
開發一款中文 AI 漢服衣櫥應用程式。此應用程式使用 AI 換臉或 3D 身形技術。使用者上傳照片後,即可一鍵「試穿」來自不同朝代(例如:唐、宋、明)的漢服,或自行搭配髮簪和妝容。
- 作者: 松果先森
- 來源: Twitter Post
- 發布時間: 2025年11月20日
- 多語言: zh
一個給 Gemini 3 Pro 的中文提示,用於建立一個復古 Motorola Fix Beeper 風格的網路打字機,能將使用者輸入的文字轉換成可拖曳的卡片,並在頁面中央以緩慢的打字動畫顯示。
請協助我建立一個復古打字機網路應用程式,主題為「{argument name="device_name_en" default="Motorola Fix Beeper"}」。在頁面中央顯示一個打字機,可以接收使用者輸入的文字,並以卡片形式產生,帶有類似打字機緩慢打字的效果,並允許將卡片拖曳到空白區域。
- 作者: 被减数
- 來源: Twitter Post
- 發布時間: 2025年11月20日
- 多語言: zh
為 Gemini 3 Pro 撰寫的提示,用於建構一個單頁中文網路應用程式,將每個星星或星座呈現為一本繪本,結合星座線條與插圖神話人物。
生成一個以圖片書形式講述每個星星或星座的希臘神話故事的 {argument name="language_en" default="中文"} 網路應用程式。它不僅應顯示星座的連線,還應展示神話人物的插圖。
- 作者: 松果先森
- 來源: Twitter Post
- 發布時間: 2025年11月20日
- 多語言: zh
一個 Gemini 提示,用於建立一個賽博龐克風格的中文網路應用程式,該應用程式能根據年輕人的生活方式,生成現代的每日運勢卡片,而非傳統的吉祥活動。
為年輕人打造一個賽博龐克風格的中文網路應用程式,作為現代版的每日黃曆。它不應包含「宜嫁娶」等傳統項目,而應反映現代生活情境。例如:「今日宜:{argument name="today_do_example_1_en" default="上班摸魚"}、{argument name="today_do_example_2_en" default="喝奶茶"}、{argument name="today_do_example_3_en" default="告白"};今日忌:{argument name="today_avoid_example_1_en" default="開會"}、{argument name="today_avoid_example_2_en" default="熬夜"}、{argument name="today_avoid_example_3_en" default="立下宏願"}。」
- 作者: 松果先森
- 來源: Twitter Post
- 發布時間: 2025年11月20日
- 多語言: zh
一個中文提示,用於建立一個復古拍立得相機網路應用程式,其中左下角的相機連接到網路攝影機,彈出正在顯影的照片,並讓使用者拖曳它們以形成照片牆。
請協助我建立一個復古的拍立得風格相機網路應用程式。在頁面左下角顯示一個可以連接網路攝影機並顯示即時預覽的相機。當快門按鈕被點擊時,一張相紙會從相機頂部緩慢彈出,照片會從模糊逐漸變得清晰。使用者可以將顯影後的照片從相機上方拖曳到相機以外的頁面區域,創造出照片牆般的效果。
- 作者: 饼干哥哥AGI(2.0)
- 來源: Twitter Post
- 發布時間: 2025年11月20日
- 多語言: zh
給 Gemini 3.0 Pro 的一個俏皮提示:為一家銷售數位熱狗的虛構新創公司,設計一個極繁主義、著重著色器、波浪漸層的網站,並帶有精美動畫的主視覺文字,可對滑鼠懸停做出反應。
為一家銷售 {argument name="product_en" default="數位熱狗"} 的虛構新創公司設計一個極繁主義網站。我想要精美動畫的英雄文字,帶有對滑鼠懸停做出反應的著色器,並有大量抖動和波浪狀、時髦的漸變。
- 作者: ben
- 來源: Twitter Post
- 發布時間: 2025年11月19日
- 多語言: en
一個精簡的 Three.js/GLSL 提示,要求 Gemini 3 Pro 在單一檔案中建立一個光線行進的 Mandelbulb 碎形,周圍環繞著數千個具有 Unreal Bloom 效果的音訊反應實例化粒子。
在 GLSL 中建立一個 raymarching Mandelbulb 碎形,並用 {argument name="particle_count_en" default="12,000"} 個實例化粒子將其環繞,使其對我的麥克風產生音訊反應,並加入 Unreal Bloom。
- 作者: SRKDAN
- 來源: Twitter Post
- 發布時間: 2025年11月19日
- 多語言: en
一個簡單的指令式提示,要求 Gemini 3 Pro 扮演 makemepulse 工作室的角色,為客戶 AP 建立一個網站,並著重於精心的執行。
您是 {argument name="studio_name_en" default="makemepulse"} 工作室。請為 {argument name="client_name_en" default="AP"} 建立一個網站。請仔細思考,不要犯任何錯誤。
- 作者: arda
- 來源: Twitter Post
- 發布時間: 2025年11月19日
- 多語言: en
一個簡潔的技術提示,用於 Gemini 3 建立一個網路體驗,該體驗使用前置鏡頭和 Mediapipe 臉部地標,透過 Three.js 應用即時 3D 雷射眼效果。
使用電腦的前置鏡頭。
使用 `mediapipe` 函式庫擷取臉部地標。
根據 `mediapipe` 提供的即時 3D 地標資訊,使用 `threejs` 將雷射眼 (LASER EYE) 特效應用於鏡頭捕捉到的臉部。
- 作者: 愚瞳 | winterx
- 來源: Twitter Post
- 發布時間: 2025年11月19日
- 多語言: en
一個提示,指示 Gemini 3 Pro 使用 Three.js 為網頁設計一個完整的《Minecraft》生存模式複製品。
使用 {argument name="tech_stack_en" default="Three.js"} 設計一個 {argument name="game_name_en" default="Minecraft"} 的完整生存模式複製品。
- 作者: Vardhan Agnihotri
- 來源: Twitter Post
- 發布時間: 2025年11月19日
- 多語言: en
一個給 Gemini 的提示,用於生成一個具有響應式佈局、動畫和互動元素,並可適應任何業務類型的專業企業登陸頁面。
為 {argument name="business_description_en" default="[DESCRIBE YOUR BUSINESS]"} 產生一個企業級的專業登陸頁面。
加入互動元素、動畫,並使其完全響應。
請給我驚喜,發揮創意,並逐步完成。
- 作者: God of Prompt
- 來源: Twitter Post
- 發布時間: 2025年11月19日
- 多語言: en
一個用於建立每日介紹一種傳統中國色彩,並搭配詩詞和相關插圖或風景的網路應用程式的 Gemini 提示。
生成一個網頁應用程式,每天介紹一種 {argument name="color_system_en" default="傳統中國色彩"}(例如:{argument name="example_color_1_en" default="天青"}、{argument name="example_color_2_en" default="胭脂"}、{argument name="argument name="example_color_3_en" default="黛螺"}),並搭配相關的古典詩詞、文物插圖或自然風景。
- 作者: 松果先森
- 來源: Twitter Post
- 發布時間: 2025年11月19日
- 多語言: zh
一個給 Gemini-3.0-Pro 的中文提示,用於建立一個 Word 風格的富文本編輯器,作為單一 HTML 檔案,包含主要格式化功能和下載選項。
請協助我撰寫一個類似於 {argument name="reference_software_en" default="Word"} 的網頁版富文字編輯器,包含其主要功能,所有程式碼都放在單一 HTML 檔案中。它應該支援:標題、段落、靠左對齊、粗體、斜體、靠右對齊、底線、刪除線、背景顏色、文字顏色、編號、復原,以及最後的下載功能。請直接產生 HTML 程式碼,就這樣!
- 作者: karminski-牙医
- 來源: Twitter Post
- 發布時間: 2025年11月19日
- 多語言: zh
一個中文提示,要求 Gemini 3.0 扮演一位注重美學的前端工程師,為一個中文 Twitter KOL 排名網站建構一個深色、高對比、由 Tailwind 驅動的登陸頁面,該頁面需從網路抓取資料並輸出純 HTML 及動畫。
身為一位對美學有著強烈感受的前端工程師,請為「{argument name="leaderboard_name_en" default="Chinese Twitter KOL Leaderboard"}」建立一個網站登陸頁面。設計應高度精緻,採用極簡的調色盤、深色模式和高對比度。從網路上獲取資料來源。
請使用 Tailwind CSS + HTML5,加入動畫,並直接輸出 HTML 程式碼。
- 作者: katon
- 來源: Twitter Post
- 發布時間: 2025年11月19日
- 多語言: zh
一個簡單的 Gemini 提示,用於生成一個透過繪本學習英文的網路應用程式,之後可以透過 Gemini 驅動的互動式課程來強化。
創作一本學習 {argument name="learning_subject" default="英文"} 的繪本。
- 作者: 松果先森
- 來源: Twitter Post
- 發布時間: 2025年11月19日
- 多語言: zh
一個用於生成抖音推薦演算法動畫演示的簡短中文提示;雖然主要用於動畫,但它也可以應用於網頁環境。
為 {argument name="platform_name_en" default="Douyin"} 建立推薦演算法的演示動畫。
- 作者: 松果先森
- 來源: Twitter Post
- 發布時間: 2025年11月19日
- 多語言: zh
一個簡潔的 Gemini 提示,用於生成一個動畫多級齒輪連動系統,其中轉動主齒輪會按比例帶動所有其他齒輪,適合做為 SVG 或 canvas 演示。
一個多級齒輪連動系統,其中轉動主齒輪會使所有齒輪按比例自動移動。
- 作者: 余温
- 來源: Twitter Post
- 發布時間: 2025年11月19日
- 多語言: zh
一個英文提示,用於生成一個視覺效果驚豔的視差滾動網站首頁,該首頁具有分層背景、流暢的過渡效果和互動式動畫元素。
建立一個具有爆炸性視覺效果的視差捲動網站:分層背景在捲動時以不同速度移動、流暢的轉場,以及帶有動畫彈出的互動元素。
- 作者: 木子不写代码
- 來源: Twitter Post
- 發布時間: 2025年11月18日
- 多語言: en
一個英文提示片段,指示 Gemini 實作一個高階的瑞士現代風格登陸頁面,作為單一檔案的 React 元件,遵循嚴格的規範並使用瑞士現代和便當盒式佈局概念。
{argument name="generator_name_en" default="High-End LP Generator (Swiss Style)"}
根據稍後提供的「{argument name="input_text_en" default="Input Text"}」,請嚴格遵循以下規範,並以 React(單一檔案)實作一個高品質的登陸頁面。
1. 設計理念:{argument name="design_concept_en" default="Swiss Modern & Bento"}
風格:{argument name="style_en" default="Apple/Linear-like Swiss modern style"},去除裝飾,運用留白和排版來營造吸引力。
- 作者: チャエン | デジライズ CEO《重要AIニュースを毎日最速で発信⚡️》
- 來源: Twitter Post
- 發布時間: 2025年11月18日
- 多語言: en
一個簡短的風格提示,描述一個玻璃擬態(glassmorphism)、霓虹燈般的超現代使用者介面(UI),帶有半透明面板,適合做為網頁介面佈局的指導。
具備超現代 UI 照明效果和半透明玻璃面板的玻璃擬態霓虹介面。
- 作者: 余温
- 來源: Twitter Post
- 發布時間: 2025年11月18日
- 多語言: zh
一個提示,指示 Gemini 使用 SVG 繪製一個動態、互動式的示範,說明 Tesla FSD 如何識別道路。
使用 SVG 繪製 Tesla FSD 如何辨識道路的動態互動式演示。
- 作者: 余温
- 來源: Twitter Post
- 發布時間: 2025年11月18日
- 多語言: zh
一個非常簡短的提示,要求 Gemini 3 Pro 建立 React 的 GitHub 頁面,有效地重現 React 儲存庫的 GitHub UI。
建立 {argument name="project_name_en" default="React"} 的 GitHub 頁面。
- 作者: Samro ✨
- 來源: Twitter Post
- 發布時間: 2025年11月18日
- 多語言: en
一個英文提示,指示 Gemini 使用 three.js 建立一個可步行的 3D 博物館場景,其中包含白色牆壁和地板、玻璃天花板以及大廳中的方塊,就像一個小型第一人稱網頁遊戲環境。
在 three.js 中建立一個場景。
這將是一個博物館,牆上掛著畫作,您可以像玩遊戲一樣在博物館大廳裡走動。
將牆壁和地板設為白色。
天花板上會有玻璃,透過玻璃可以看到天空。
另外,在大廳中央放置白色方塊。
- 作者: Sabo Sugi ✦
- 來源: Twitter Post
- 發布時間: 2025年11月18日
- 多語言: en
一個給 Gemini 3 的程式碼提示,用於生成一個受上傳圖片啟發的 Three.js 體素藝術場景,並將所有程式碼輸出為單一頁面檔案。
我提供了一張圖片。請以這張圖片為靈感,編寫一個精美的體素藝術場景。請以單頁形式編寫 three.js 程式碼。
- 作者: Ian Goodfellow
- 來源: Twitter Post
- 發布時間: 2025年11月18日
- 多語言: en
一個用於 3D 魯比克方塊網頁介面的提示,該介面可供使用者混合、自動解題和手動操作。
建立一個 3D {argument name="puzzle_type_en" default="魔術方塊"},包含一個打亂方塊的「混合」按鈕,以及一個解開謎題的「解決」按鈕。同時也讓使用者可以手動操作並自行解開。
- 作者: Alan Shiflett
- 來源: Twitter Post
- 發布時間: 2025年11月18日
- 多語言: en
一個非常簡單的高階提示,用於使用 Gemini 設計 CapCut 風格的影片編輯應用程式介面。
設計一個 {argument name="app_name_en" default="CapCut"}。
- 作者: padphone
- 來源: Twitter Post
- 發布時間: 2025年11月18日
- 多語言: en
一個直接的提示,要求在單一 HTML 檔案中實作一個功能齊全的撞球遊戲。
請在單一 HTML 檔案中建立一個功能齊全的 {argument name="game_type_en" default="billiards game"}。
- 作者: 余温
- 來源: Twitter Post
- 發布時間: 2025年11月18日
- 多語言: zh
一個簡潔的提示,要求 Gemini 生成一個單頁 HTML(使用 SVG),以呈現「量子核心監控系統」的使用者介面。
請為「{argument name="system_name_en" default="Quantum Core Monitoring System"}」生成一個單頁 HTML (SVG)。
- 作者: 余温
- 來源: Twitter Post
- 發布時間: 2025年11月18日
- 多語言: zh
一個簡潔的中文提示,指示 Gemini 撰寫一個動態網頁,該網頁使用炫酷的點雲效果來解釋狹義相對論,非常適合互動式物理演示。
撰寫一個動態網頁,利用炫酷的點雲風格來解釋狹義相對論。
- 作者: -Zho-
- 來源: Twitter Post
- 發布時間: 2025年11月18日
- 多語言: zh
一個提示,要求 Gemini 3.0 Pro 建立 Xbox 控制器的 SVG 圖像,適用於嵌入網頁或 UI 元件。
建立一個 {argument name="controller_type_en" default="Xbox 控制器"} 的 SVG。
- 作者: Singularity
- 來源: Twitter Post
- 發布時間: 2025年11月18日
- 多語言: en
一個用於生成極具創意、新粗野主義風格、響應式網頁的提示,該網頁具有流暢的捲動動畫、華麗的色彩和 Tailwind CSS,標題為 dorksense。
製作一個新粗野主義網頁,使其極具創意並盡可能突破極限。加入流暢的捲動動畫、華麗的色彩和 Tailwind CSS 樣式。使其完全響應式。頁面標題為 {argument name="page_title" default="dorksense"}。
- 作者: Dorksense
- 來源: Twitter Post
- 發布時間: 2025年11月13日
- 多語言: en
一個英文提示,要求 Gemini 生成一個高度詳細且富有創意的紐約天際線 SVG,該 SVG 可以作為單一 HTML 檔案貼上並在 Chrome 中開啟。
{argument name="city_skyline_en" default="紐約天際線"} 的 SVG。請使用任何必要的函式庫來完成此任務,但請確保我可以將所有內容貼到單一 HTML 檔案中,並在 Chrome 中開啟。讓它變得有趣且高度細緻,展現出意想不到的細節。在一個程式碼區塊中,盡情發揮創意和美感。
- 作者: Chetaslua
- 來源: Twitter Post
- 發布時間: 2025年10月16日
- 多語言: en
我們歡迎貢獻!您可以通過以下方式提交提示詞:
- Click 提交新提示詞
- 填寫表單,包含提示詞詳情和圖片
- 提交並等待團隊審核
- 如果通過審核(我們會添加
approved標籤),它將自動同步到 CMS - 您的提示詞將在 4 小時內出現在 README 中
注意: 我們僅接受通過 GitHub Issues 提交的內容,以確保質量控制。
查看 CONTRIBUTING.md 了解詳細指南。
根據 CC BY 4.0 許可。
🌐 在網頁圖庫中查看 • 📝 提交提示詞 • ⭐ 給倉庫點星
🤖 此 README 自動生成。最後更新: 2026-04-25T20:35:03.273Z























































