YouMind-OpenLab/awesome-gemini-3-prompts
GitHub: YouMind-OpenLab/awesome-gemini-3-prompts
这是一个专注于 Gemini 3 模型的开源提示词工程库,通过可视化画廊帮助用户高效生成和探索创意内容。
Stars: 494 | Forks: 53
# 🚀 Awesome Gemini 3 Prompts
[](https://github.com/sindresorhus/awesome)
[](https://github.com/YouMind-OpenLab/awesome-gemini-3-prompts)
[](https://creativecommons.org/licenses/by/4.0/)
[](https://github.com/YouMind-OpenLab/awesome-gemini-3-prompts/actions)
[](docs/CONTRIBUTING.md)
[](README.md) [](README_zh.md) [](README_zh-TW.md) [](README_ja-JP.md) [](README_ko-KR.md) [](README_th-TH.md) [](README_vi-VN.md) [](README_hi-IN.md) [](README_es-ES.md) [-Click%20to%20View-lightgrey)](README_es-419.md) [](README_de-DE.md) [](README_fr-FR.md) [](README_it-IT.md) [-Click%20to%20View-lightgrey)](README_pt-BR.md) [](README_pt-PT.md) [](README_tr-TR.md)
## 🌐 View in Web Gallery
**[👉 Browse on YouMind Gemini 3 Prompts Gallery](https://youmind.com/gemini-3-prompts)**
Why use our gallery?
| Feature | GitHub README | youmind.com Gallery |
|---------|--------------|---------------------|
| 🎨 Visual Layout | Linear list | Beautiful Masonry Grid |
| 🔍 Search | Ctrl+F only | Full-text search with filters |
| 🤖 AI One-Click Generation | - | AI one-click generation |
| 📱 Mobile | Basic | Fully responsive |
## 📖 Table of Contents
- [🌐 View in Web Gallery](#-view-in-web-gallery)
- [🤔 What is Gemini 3?](#-what-is-gemini-3)
- [📊 Statistics](#-statistics)
- [🔥 Featured Prompts](#-featured-prompts)
- [📋 All Prompts](#-all-prompts)
- [🤝 How to Contribute](#-how-to-contribute)
- [📄 License](#-license)
- [🙏 Acknowledgements](#-acknowledgements)
- [⭐ Star History](#-star-history)
## 🤔 What is Gemini 3?
**Gemini 3** is Google's latest multimodal AI model featuring:
- 🎯 **Massive Context Window** - Up to 1 million tokens for comprehensive understanding
- 🎨 **Multimodal Intelligence** - Understand and generate text, images, audio, video, and code
- ⚡ **Action-Oriented AI** - Automate execution and generate websites with real-time preview
- 🌈 **Powerful Reasoning** - Advanced problem-solving and complex task handling
📚 **Learn More:** [Gemini 3: 10 Real Cases](https://youmind.com/blog/gemini-3-10-real-cases)
### 🚀 Raycast Integration
**Example:**
A quote card with "{argument name="quote" default="Stay hungry, stay foolish"}"
by {argument name="author" default="Steve Jobs"}
When used in Raycast, you can dynamically replace the arguments for quick iterations!
## 📊 Statistics
#### 📌 Details
- **Author:** [Sedativ](https://x.com/sedgabi)
- **Source:** [Twitter Post](https://x.com/sedgabi/status/1993326264741146985)
- **Published:** November 25, 2025
- **Languages:** en
**[👉 Try it now →](https://youmind.com/gemini-3-prompts?prompt=Build%20me%20a%20store%20in%20the%20theme%20and%20style%20of%20%7Bargument%20name%3D%22theme_en%22%20default%3D%22Thanksgiving%20Charlie%20Brown%22%7D.)**
### No. 2: Futuristic animated landing page for AI game


#### 📖 Description
An English prompt used inside a Claude Code skill that asks Gemini 3 Pro to design a futuristic, animation-rich landing page for a new AI game.
#### 📝 Prompt
I want to design the landing page for a new {argument name="product_type_en" default="AI game"}. We want it to look futuristic and use as many animations as possible.
#### 🖼️ Example Images
##### Image 1
#### 📌 Details
- **Author:** [elvis](https://x.com/omarsar0)
- **Source:** [Twitter Post](https://x.com/omarsar0/status/1993101718041903565)
- **Published:** November 24, 2025
- **Languages:** en
**[👉 Try it now →](https://youmind.com/gemini-3-prompts?prompt=I%20want%20to%20design%20the%20landing%20page%20for%20a%20new%20%7Bargument%20name%3D%22product_type_en%22%20default%3D%22AI%20game%22%7D.%20We%20want%20it%20to%20look%20futuristic%20and%20use%20as%20many%20animations%20as%20possible.)**
### No. 3: Hello world web page with Linear-style variants


#### 📖 Description
Three simple prompts for Gemini 3.0 that show how adding style and imagery—specifically a Linear-style design and an image prompt—changes the quality of a generated hello world page.
#### 📝 Prompt
Help me build a hello world page.
Help me build a hello world page with {argument name="style_en" default="Linear"} style.
Help me build a hello world page with {argument name="style_en" default="Linear"} style.
#### 🖼️ Example Images
##### Image 1
##### Image 2
##### Image 3
#### 📌 Details
- **Author:** [Jason Zhou](https://x.com/jasonzhou1993)
- **Source:** [Twitter Post](https://x.com/jasonzhou1993/status/1991754086417682891)
- **Published:** November 21, 2025
- **Languages:** en
**[👉 Try it now →](https://youmind.com/gemini-3-prompts?prompt=Help%20me%20build%20a%20hello%20world%20page.%0A%0AHelp%20me%20build%20a%20hello%20world%20page%20with%20%7Bargument%20name%3D%22style_en%22%20default%3D%22Linear%22%7D%20style.%0A%0AHelp%20me%20build%20a%20hello%20world%20page%20with%20%7Bargument%20name%3D%22style_en%22%20default%3D%22Linear%22%7D%20style.)**
### No. 4: Luxury 3D watch product experience page (Next.js + Three.js)

#### 📖 Description
A long, detailed Japanese prompt for designing a luxury 3D product experience web page for high-end watches, using Next.js, Three.js, React Three Fiber, GLSL, and specific scroll sections and shader requirements.
#### 📝 Prompt
Design a 3D product experience page for a luxury wristwatch.
**Target users:** wealthy customers, watch enthusiasts, and business people aged 30–50.
**Brand tone:** Luxury × Tech (a modern, sophisticated high-end feel).
Scroll experience (5 sections):
Hero section – the wristwatch slowly appears from darkness into light while rotating. Implement holographic effects and Fresnel reflections with custom shaders.
Detail zoom – close-up of the dial. Use GLSL to achieve metallic reflections, parallax mapping, and real-time glossiness.
Mechanism breakdown – the watch disassembles and the internal movement floats in space. Use a displacement shader for an energy-field effect and add glow effects to each part.
Material experience – switch between different material variations. Express metalness, glass refraction, and the matte texture of titanium with PBR shaders in a physically based way.
Ending – the watch reassembles, with an abstract gradient mesh background made with a custom shader. Apply post-processing such as bloom and depth of field.
**Tech stack:** Next.js 15 + Three.js + React Three Fiber + GLSL (custom shaders) + react-postprocessing + Lenis.
Shader requirements:
Fresnel reflection shader (rim-light effect)
PBR material shader (roughness, metallic, AO)
Holographic shader (iridescent interference effect)
Displacement shader (waving and distortion effects)
Custom background shader (gradient noise)
Post-process: Bloom, ChromaticAberration, DepthOfField, Vignette.
Please propose specific numerical values for:
Scroll range of each section (in % or vh units)
Animation parameters (start/end values for position, rotation, scale, etc.)
Easing functions (ease type)
Camera FOV, position, and target values
Lighting settings (intensity, color, position)
Uniform values for each shader (time progression, scroll progress, hue, intensity, etc.).
#### 🖼️ Example Images
##### Image 1
#### 📌 Details
- **Author:** [Shin@プログラミングチュートリアル](https://x.com/Shin_Engineer)
- **Source:** [Twitter Post](https://x.com/Shin_Engineer/status/1991740779652657455)
- **Published:** November 21, 2025
- **Languages:** ja
**[👉 Try it now →](https://youmind.com/gemini-3-prompts?prompt=Design%20a%203D%20product%20experience%20page%20for%20a%20luxury%20wristwatch.%0A**Target%20users%3A**%20wealthy%20customers%2C%20watch%20enthusiasts%2C%20and%20business%20people%20aged%2030%E2%80%9350.%0A**Brand%20tone%3A**%20Luxury%20%C3%97%20Tech%20(a%20modern%2C%20sophisticated%20high-end%20feel).%0AScroll%20experience%20(5%20sections)%3A%0AHero%20section%20%E2%80%93%20the%20wristwatch%20slowly%20appears%20from%20darkness%20into%20light%20while%20rotating.%20Implement%20holographic%20effects%20and%20Fresnel%20reflections%20with%20custom%20shaders.%0ADetail%20zoom%20%E2%80%93%20close-up%20of%20the%20dial.%20Use%20GLSL%20to%20achieve%20metallic%20reflections%2C%20parallax%20mapping%2C%20and%20real-time%20glossiness.%0AMechanism%20breakdown%20%E2%80%93%20the%20watch%20disassembles%20and%20the%20internal%20movement%20floats%20in%20space.%20Use%20a%20displacement%20shader%20for%20an%20energy-field%20effect%20and%20add%20glow%20effects%20to%20each%20part.%0AMaterial%20experience%20%E2%80%93%20switch%20between%20different%20material%20variations.%20Express%20metalness%2C%20glass%20refraction%2C%20and%20the%20matte%20texture%20of%20titanium%20with%20PBR%20shaders%20in%20a%20physically%20based%20way.%0AEnding%20%E2%80%93%20the%20watch%20reassembles%2C%20with%20an%20abstract%20gradient%20mesh%20background%20made%20with%20a%20custom%20shader.%20Apply%20post-processing%20such%20as%20bloom%20and%20depth%20of%20field.%0A**Tech%20stack%3A**%20Next.js%2015%20%2B%20Three.js%20%2B%20React%20Three%20Fiber%20%2B%20GLSL%20(custom%20shaders)%20%2B%20react-postprocessing%20%2B%20Lenis.%0AShader%20requirements%3A%0AFresnel%20reflection%20shader%20(rim-light%20effect)%0APBR%20material%20shader%20(roughness%2C%20metallic%2C%20AO)%0AHolographic%20shader%20(iridescent%20interference%20effect)%0ADisplacement%20shader%20(waving%20and%20distortion%20effects)%0ACustom%20background%20shader%20(gradient%20noise)%0APost-process%3A%20Bloom%2C%20ChromaticAberration%2C%20DepthOfField%2C%20Vignette.%0APlease%20propose%20specific%20numerical%20values%20for%3A%0AScroll%20range%20of%20each%20section%20(in%20%25%20or%20vh%20units)%0AAnimation%20parameters%20(start%2Fend%20values%20for%20position%2C%20rotation%2C%20scale%2C%20etc.)%0AEasing%20functions%20(ease%20type)%0ACamera%20FOV%2C%20position%2C%20and%20target%20values%0ALighting%20settings%20(intensity%2C%20color%2C%20position)%0AUniform%20values%20for%20each%20shader%20(time%20progression%2C%20scroll%20progress%2C%20hue%2C%20intensity%2C%20etc.).)**
### No. 5: Playful Zelda video capture editor prompt


#### 📖 Description
A humorous Chinese prompt that roleplays a senior game programming master and describes building an editor using WebCodecs and capturing Zelda: Breath of the Wild gameplay.
#### 📝 Prompt
You are a veteran game programming master. Please help me write an editor whose rendering module uses WebCodecs. Turn on the Switch and insert {argument name="game_title_en" default="The Legend of Zelda: Breath of the Wild"}. Be careful not to lick the cartridge—it’s a bit bitter. Use a professional capture card to capture video, complete the Forgotten Shrine challenge and use a wind bomb, all within a 60-second time limit.
#### 🖼️ Example Images
##### Image 1
#### 📌 Details
- **Author:** [海拉鲁编程客](https://x.com/hylarucoder)
- **Source:** [Twitter Post](https://x.com/hylarucoder/status/1991491913720218098)
- **Published:** November 20, 2025
- **Languages:** zh
**[👉 Try it now →](https://youmind.com/gemini-3-prompts?prompt=You%20are%20a%20veteran%20game%20programming%20master.%20Please%20help%20me%20write%20an%20editor%20whose%20rendering%20module%20uses%20WebCodecs.%20Turn%20on%20the%20Switch%20and%20insert%20%7Bargument%20name%3D%22game_title_en%22%20default%3D%22The%20Legend%20of%20Zelda%3A%20Breath%20of%20the%20Wild%22%7D.%20Be%20careful%20not%20to%20lick%20the%20cartridge%E2%80%94it%E2%80%99s%20a%20bit%20bitter.%20Use%20a%20professional%20capture%20card%20to%20capture%20video%2C%20complete%20the%20Forgotten%20Shrine%20challenge%20and%20use%20a%20wind%20bomb%2C%20all%20within%20a%2060-second%20time%20limit.)**
### No. 6: Luxury smartwatch Three.js landing page with animated sections


#### 📖 Description
A detailed multi-step prompt sequence for Gemini 3 Pro to build a luxury smartwatch landing page using Three.js, Anime.js, and Tailwind, then refine it into a multi-section scrolling site with advanced animations and interactions.
#### 📝 Prompt
#### 🖼️ Example Images
##### Image 1
#### 📌 Details
- **Author:** [Harshith](https://x.com/HarshithLucky3)
- **Source:** [Twitter Post](https://x.com/HarshithLucky3/status/1991474311916580881)
- **Published:** November 20, 2025
- **Languages:** en
### No. 7: Generate 40 simple SVG icons with download buttons


#### 📖 Description
A Japanese prompt asking Gemini to generate 40 simple, versatile SVG icons in light blue line style with download buttons for each icon.
#### 📝 Prompt
Generate {argument name="icon_count_en" default="40"} simple and highly versatile icons in SVG format. Be sure to draw them on a canvas. The color should be {argument name="icon_color_en" default="light blue"}. The background should be {argument name="background_color_en" default="white"}. Use line-style icons with a Material Design feel. Add a button that lets users download each SVG icon as SVG data.
#### 🖼️ Example Images
##### Image 1
#### 📌 Details
- **Author:** [KAWAI](https://x.com/kawai_design)
- **Source:** [Twitter Post](https://x.com/kawai_design/status/1991461556597715056)
- **Published:** November 20, 2025
- **Languages:** ja
**[👉 Try it now →](https://youmind.com/gemini-3-prompts?prompt=Generate%20%7Bargument%20name%3D%22icon_count_en%22%20default%3D%2240%22%7D%20simple%20and%20highly%20versatile%20icons%20in%20SVG%20format.%20Be%20sure%20to%20draw%20them%20on%20a%20canvas.%20The%20color%20should%20be%20%7Bargument%20name%3D%22icon_color_en%22%20default%3D%22light%20blue%22%7D.%20The%20background%20should%20be%20%7Bargument%20name%3D%22background_color_en%22%20default%3D%22white%22%7D.%20Use%20line-style%20icons%20with%20a%20Material%20Design%20feel.%20Add%20a%20button%20that%20lets%20users%20download%20each%20SVG%20icon%20as%20SVG%20data.)**
### No. 8: Voxel-art pagoda garden single-file HTML scene


#### 📖 Description
An English prompt to design a colorful voxel-art pagoda garden environment as a fully self-contained HTML file that runs in Chrome, using any voxel/WebGL libraries.
#### 📝 Prompt
Design a richly crafted voxel-art environment featuring an ornate {argument name="main_structure_en" default="pagoda"} set within a vibrant garden.
Include diverse vegetation—especially {argument name="key_tree_en" default="cherry blossom trees"}—and make sure the composition feels lively, colorful, and visually striking.
Use any voxel or WebGL libraries you prefer, but deliver the entire project as a single, self-contained HTML file that I can paste and open directly in Chrome.
#### 🖼️ Example Images
##### Image 1
#### 📌 Details
**[👉 Try it now →](https://youmind.com/gemini-3-prompts?prompt=Design%20a%20richly%20crafted%20voxel-art%20environment%20featuring%20an%20ornate%20%7Bargument%20name%3D%22main_structure_en%22%20default%3D%22pagoda%22%7D%20set%20within%20a%20vibrant%20garden.%0AInclude%20diverse%20vegetation%E2%80%94especially%20%7Bargument%20name%3D%22key_tree_en%22%20default%3D%22cherry%20blossom%20trees%22%7D%E2%80%94and%20make%20sure%20the%20composition%20feels%20lively%2C%20colorful%2C%20and%20visually%20striking.%0AUse%20any%20voxel%20or%20WebGL%20libraries%20you%20prefer%2C%20but%20deliver%20the%20entire%20project%20as%20a%20single%2C%20self-contained%20HTML%20file%20that%20I%20can%20paste%20and%20open%20directly%20in%20Chrome.)**
### No. 9: Futuristic cryptocurrency dashboard UI

#### 📖 Description
A Chinese prompt for recreating a futuristic dark-mode cryptocurrency data dashboard with glassmorphism, neon accents, and sleek Inter typography.
#### 📝 Prompt
Recreate a futuristic dark-mode cryptocurrency data dashboard: use a high-contrast obsidian background overall, glassmorphism UI elements with gradient outlines, slim Inter typography, and financial data visualizations with neon lighting effects.
#### 🖼️ Example Images
##### Image 1
#### 📌 Details
**[👉 Try it now →](https://youmind.com/gemini-3-prompts?prompt=Recreate%20a%20futuristic%20dark-mode%20cryptocurrency%20data%20dashboard%3A%20use%20a%20high-contrast%20obsidian%20background%20overall%2C%20glassmorphism%20UI%20elements%20with%20gradient%20outlines%2C%20slim%20Inter%20typography%2C%20and%20financial%20data%20visualizations%20with%20neon%20lighting%20effects.)**
### No. 10: SVG Ferris wheel mechanical animation in HTML

#### 📖 Description
A prompt to design a precise mechanical SVG Ferris wheel animation with gears, linkages, and self-leveling cabins, output as HTML.
#### 📝 Prompt
#### 🖼️ Example Images
##### Image 1
#### 📌 Details
**[👉 Try it now →](https://youmind.com/gemini-3-prompts?prompt=Design%20an%20SVG%20Ferris%20wheel%20mechanical%20animation%20that%20includes%20a%20main%20wheel%2C%20central%20bearings%2C%20support%20frame%2C%20drive%20gear%20set%2C%20and%208%E2%80%9312%20cabins%20with%20a%20reverse%20self-leveling%20mechanism%20to%20keep%20them%20horizontal.%20All%20linkages%20and%20gear%20transmissions%20must%20be%20precise%2C%20showing%20the%20complete%20mechanical%20drive%20chain%20and%20the%20reverse%20rotation%20logic%20that%20keeps%20cabins%20level.%20Output%20in%20HTML%20format.)**
### No. 11: Keep-inspired Chinese workout course website


#### 📖 Description
A long English-style prompt (in Chinese) asking Gemini to build a Chinese workout course site inspired by Keep, with responsive Tailwind CSS, course cards, filters, and matching video popups.
#### 📝 Prompt
Build a Chinese “workout course” webpage inspired by {argument name="reference_brand_en" default="Keep"}: include a full-screen athlete hero image, transparent sticky navigation, Chinese capsule-tag categories, and a grid of Chinese course cards. Each course card corresponds to a training program; use the course styles of creators such as {argument name="instructor_examples_en" default="Pamela, Zhou Liuye, Han Xiaosi, Jojie, Liu Genghong"} as references to design Chinese titles and labels for difficulty and duration. When clicking a card, open a course preview video player within the page that strictly matches the card information. Overall, keep the design minimal yet detailed, using smooth scrolling and hover animations, soft gradients, and refined typography to create a high-end Chinese experience. Use Tailwind CSS to implement a fully responsive layout.
#### 🖼️ Example Images
##### Image 1
#### 📌 Details
**[👉 Try it now →](https://youmind.com/gemini-3-prompts?prompt=Build%20a%20Chinese%20%E2%80%9Cworkout%20course%E2%80%9D%20webpage%20inspired%20by%20%7Bargument%20name%3D%22reference_brand_en%22%20default%3D%22Keep%22%7D%3A%20include%20a%20full-screen%20athlete%20hero%20image%2C%20transparent%20sticky%20navigation%2C%20Chinese%20capsule-tag%20categories%2C%20and%20a%20grid%20of%20Chinese%20course%20cards.%20Each%20course%20card%20corresponds%20to%20a%20training%20program%3B%20use%20the%20course%20styles%20of%20creators%20such%20as%20%7Bargument%20name%3D%22instructor_examples_en%22%20default%3D%22Pamela%2C%20Zhou%20Liuye%2C%20Han%20Xiaosi%2C%20Jojie%2C%20Liu%20Genghong%22%7D%20as%20references%20to%20design%20Chinese%20titles%20and%20labels%20for%20difficulty%20and%20duration.%20When%20clicking%20a%20card%2C%20open%20a%20course%20preview%20video%20player%20within%20the%20page%20that%20strictly%20matches%20the%20card%20information.%20Overall%2C%20keep%20the%20design%20minimal%20yet%20detailed%2C%20using%20smooth%20scrolling%20and%20hover%20animations%2C%20soft%20gradients%2C%20and%20refined%20typography%20to%20create%20a%20high-end%20Chinese%20experience.%20Use%20Tailwind%20CSS%20to%20implement%20a%20fully%20responsive%20layout.)**
### No. 12: Keep-style Chinese fitness page (single HTML)

#### 📖 Description
An English prompt to build a Keep-style Chinese fitness page with an interactive SVG body, filters, and exercise cards in a single HTML file using Tailwind and JavaScript.
#### 📝 Prompt
Build a Keep-style Chinese fitness page with a clean, modern UI, an interactive SVG body (front/back views, where clicking a muscle highlights it), Chinese filters (gender/level/equipment), and exercise cards. Deliver it as a single HTML file using Tailwind + JavaScript.
#### 🖼️ Example Images
##### Image 1
#### 📌 Details
**[👉 Try it now →](https://youmind.com/gemini-3-prompts?prompt=Build%20a%20Keep-style%20Chinese%20fitness%20page%20with%20a%20clean%2C%20modern%20UI%2C%20an%20interactive%20SVG%20body%20(front%2Fback%20views%2C%20where%20clicking%20a%20muscle%20highlights%20it)%2C%20Chinese%20filters%20(gender%2Flevel%2Fequipment)%2C%20and%20exercise%20cards.%20Deliver%20it%20as%20a%20single%20HTML%20file%20using%20Tailwind%20%2B%20JavaScript.)**
### No. 13: Neo-Brutalist website design prompt

#### 📖 Description
A short English prompt to create a neo-Brutalist style website with smooth scrolling animations, vibrant colors, and responsive Tailwind-based layout.
#### 📝 Prompt
Create a neo-Brutalist website that pushes the boundaries of creativity. Include smooth scrolling animations, vibrant colors, and Tailwind ES styles, and make it fully responsive.
#### 🖼️ Example Images
##### Image 1
#### 📌 Details
**[👉 Try it now →](https://youmind.com/gemini-3-prompts?prompt=Create%20a%20neo-Brutalist%20website%20that%20pushes%20the%20boundaries%20of%20creativity.%20Include%20smooth%20scrolling%20animations%2C%20vibrant%20colors%2C%20and%20Tailwind%20ES%20styles%2C%20and%20make%20it%20fully%20responsive.)**
### No. 14: Retro Polaroid camera website with photo wall

#### 📖 Description
An in-depth Chinese prompt describing a web camera app with a retro Polaroid feel, live webcam preview, developing photo animation, and draggable photos forming a collage wall.
#### 📝 Prompt
Please develop a web camera application with a retro Polaroid atmosphere. Place a Polaroid camera model in the lower-left corner of the page that can call the user’s webcam and show a real-time preview. After clicking the shutter, a piece of “photo paper” slowly comes out from the top of the camera, and the photo develops from initially blurry to clear. Users can drag the fully developed photo from above the camera to any position on the page, creating a free layout similar to a “photo collage wall.”
#### 🖼️ Example Images
##### Image 1
#### 📌 Details
**[👉 Try it now →](https://youmind.com/gemini-3-prompts?prompt=Please%20develop%20a%20web%20camera%20application%20with%20a%20retro%20Polaroid%20atmosphere.%20Place%20a%20Polaroid%20camera%20model%20in%20the%20lower-left%20corner%20of%20the%20page%20that%20can%20call%20the%20user%E2%80%99s%20webcam%20and%20show%20a%20real-time%20preview.%20After%20clicking%20the%20shutter%2C%20a%20piece%20of%20%E2%80%9Cphoto%20paper%E2%80%9D%20slowly%20comes%20out%20from%20the%20top%20of%20the%20camera%2C%20and%20the%20photo%20develops%20from%20initially%20blurry%20to%20clear.%20Users%20can%20drag%20the%20fully%20developed%20photo%20from%20above%20the%20camera%20to%20any%20position%20on%20the%20page%2C%20creating%20a%20free%20layout%20similar%20to%20a%20%E2%80%9Cphoto%20collage%20wall.%E2%80%9D)**
### No. 15: Dream journaling tarot-style web app

#### 📖 Description
A prompt to build a Chinese web app where users record dreams each morning, collage sticker illustrations, and finally generate a tarot-like dream card.
#### 📝 Prompt
Generate a Chinese web application where users record their dreams every morning. The app provides a large number of “illustration stickers” to collage and reconstruct the dream scenes, and finally generates a dream card that looks like a tarot card.
#### 🖼️ Example Images
##### Image 1
#### 📌 Details
- **Author:** [松果先森](https://x.com/songguoxiansen)
- **Source:** [Twitter Post](https://x.com/songguoxiansen/status/1991424776473317412)
- **Published:** November 20, 2025
- **Languages:** zh
**[👉 Try it now →](https://youmind.com/gemini-3-prompts?prompt=Generate%20a%20Chinese%20web%20application%20where%20users%20record%20their%20dreams%20every%20morning.%20The%20app%20provides%20a%20large%20number%20of%20%E2%80%9Cillustration%20stickers%E2%80%9D%20to%20collage%20and%20reconstruct%20the%20dream%20scenes%2C%20and%20finally%20generates%20a%20dream%20card%20that%20looks%20like%20a%20tarot%20card.)**
### No. 16: 3D brick builder app with Gemini and React


#### 📖 Description
An English system-style prompt that has Gemini act as a world-class frontend engineer to build a Minecraft-like 3D brick builder app using React, Three.js, Tailwind CSS, and the Gemini API.
#### 📝 Prompt
Act as a world-class frontend engineer and UX designer. Build a {argument name="application_name_en" default="3D Brick Builder Application"} using React, Three.js (@react-three/fiber), Tailwind CSS, and the Google Gemini API (@google/genai).
## Design philosophy
- **Theme**: {argument name="theme_en" default="White Base"} modern aesthetics.
#### 🖼️ Example Images
##### Image 1
#### 📌 Details
- **Author:** [チャエン | デジライズ CEO《重要AIニュースを毎日最速で発信⚡️》](https://x.com/masahirochaen)
- **Source:** [Twitter Post](https://x.com/masahirochaen/status/1991414295398346786)
- **Published:** November 20, 2025
- **Languages:** en
**[👉 Try it now →](https://youmind.com/gemini-3-prompts?prompt=Act%20as%20a%20world-class%20frontend%20engineer%20and%20UX%20designer.%20Build%20a%20%7Bargument%20name%3D%22application_name_en%22%20default%3D%223D%20Brick%20Builder%20Application%22%7D%20using%20React%2C%20Three.js%20(%40react-three%2Ffiber)%2C%20Tailwind%20CSS%2C%20and%20the%20Google%20Gemini%20API%20(%40google%2Fgenai).%0A%0A%23%23%20Design%20philosophy%0A-%20**Theme**%3A%20%7Bargument%20name%3D%22theme_en%22%20default%3D%22White%20Base%22%7D%20modern%20aesthetics.)**
### No. 17: X (Twitter) MBTI analyzer web app

#### 📖 Description
A prompt for creating a Chinese-language web interface that analyzes MBTI types of tweets by calling a Gemini-powered backend, styled in Linear’s dark theme.
#### 📝 Prompt
Create an X MBTI analyzer: the user pastes a tweet → the frontend calls a backend (which uses the Gemini API to infer the MBTI type).
Design style should follow Linear, dark mode only, with a minimalist yet high-quality feel and refined details. The interface should be in Chinese.
#### 🖼️ Example Images
##### Image 1
#### 📌 Details
- **Author:** [katon](https://x.com/hellokaton)
- **Source:** [Twitter Post](https://x.com/hellokaton/status/1991413950098075659)
- **Published:** November 20, 2025
- **Languages:** zh
**[👉 Try it now →](https://youmind.com/gemini-3-prompts?prompt=Create%20an%20X%20MBTI%20analyzer%3A%20the%20user%20pastes%20a%20tweet%20%E2%86%92%20the%20frontend%20calls%20a%20backend%20(which%20uses%20the%20Gemini%20API%20to%20infer%20the%20MBTI%20type).%0ADesign%20style%20should%20follow%20Linear%2C%20dark%20mode%20only%2C%20with%20a%20minimalist%20yet%20high-quality%20feel%20and%20refined%20details.%20The%20interface%20should%20be%20in%20Chinese.)**
### No. 18: AI Hanfu wardrobe virtual try-on app


#### 📖 Description
A Chinese prompt for Gemini 3 Pro to generate a Hanfu wardrobe web app where users upload a photo to virtually try on clothing from different dynasties and customize hairpins and makeup.
#### 📝 Prompt
Generate a Chinese-language AI Hanfu wardrobe application. Use AI face-swapping or 3D body-shape technology. Users upload a photo and can, with one click, "try on" Hanfu from various dynasties ({argument name="dynasty_1_en" default="Tang"}, {argument name="dynasty_2_en" default="Song"}, {argument name="dynasty_3_en" default="Ming"}), or customize hairpins and makeup themselves.
#### 🖼️ Example Images
##### Image 1
#### 📌 Details
- **Author:** [松果先森](https://x.com/songguoxiansen)
- **Source:** [Twitter Post](https://x.com/songguoxiansen/status/1991408418658349419)
- **Published:** November 20, 2025
- **Languages:** zh
**[👉 Try it now →](https://youmind.com/gemini-3-prompts?prompt=Generate%20a%20Chinese-language%20AI%20Hanfu%20wardrobe%20application.%20Use%20AI%20face-swapping%20or%203D%20body-shape%20technology.%20Users%20upload%20a%20photo%20and%20can%2C%20with%20one%20click%2C%20%22try%20on%22%20Hanfu%20from%20various%20dynasties%20(%7Bargument%20name%3D%22dynasty_1_en%22%20default%3D%22Tang%22%7D%2C%20%7Bargument%20name%3D%22dynasty_2_en%22%20default%3D%22Song%22%7D%2C%20%7Bargument%20name%3D%22dynasty_3_en%22%20default%3D%22Ming%22%7D)%2C%20or%20customize%20hairpins%20and%20makeup%20themselves.)**
### No. 19: Retro Motorola Fix Beeper typewriter web app


#### 📖 Description
A Chinese prompt for Gemini 3 Pro to build a retro Motorola Fix Beeper style web typewriter that turns user input text into draggable cards with slow typing animation in the center of the page.
#### 📝 Prompt
Please help me create a retro typewriter web application themed around {argument name="device_name_en" default="Motorola Fix Beeper"}. In the center of the page, display a typewriter that can take text entered by the user and generate it as a card, with an effect similar to the slow typing of a typewriter, and allow the card to be dragged to empty areas.
#### 🖼️ Example Images
##### Image 1
#### 📌 Details
- **Author:** [被减数](https://x.com/Lessnoise365)
- **Source:** [Twitter Post](https://x.com/Lessnoise365/status/1991391000833716683)
- **Published:** November 20, 2025
- **Languages:** zh
**[👉 Try it now →](https://youmind.com/gemini-3-prompts?prompt=Please%20help%20me%20create%20a%20retro%20typewriter%20web%20application%20themed%20around%20%7Bargument%20name%3D%22device_name_en%22%20default%3D%22Motorola%20Fix%20Beeper%22%7D.%20In%20the%20center%20of%20the%20page%2C%20display%20a%20typewriter%20that%20can%20take%20text%20entered%20by%20the%20user%20and%20generate%20it%20as%20a%20card%2C%20with%20an%20effect%20similar%20to%20the%20slow%20typing%20of%20a%20typewriter%2C%20and%20allow%20the%20card%20to%20be%20dragged%20to%20empty%20areas.)**
### No. 20: Chinese web app for Greek mythology constellations


#### 📖 Description
#### 📝 Prompt
#### 🖼️ Example Images
##### Image 1
#### 📌 Details
- **Author:** [松果先森](https://x.com/songguoxiansen)
- **Source:** [Twitter Post](https://x.com/songguoxiansen/status/1991329649419530336)
- **Published:** November 20, 2025
- **Languages:** zh
**[👉 Try it now →](https://youmind.com/gemini-3-prompts?prompt=Generate%20a%20%7Bargument%20name%3D%22language_en%22%20default%3D%22Chinese%22%7D%20web%20application%20that%20tells%20the%20Greek%20mythological%20stories%20of%20each%20star%20or%20constellation%20in%20the%20form%20of%20a%20picture%20book.%20It%20should%20not%20only%20show%20the%20constellation%20connection%20lines%20but%20also%20display%20illustrations%20of%20the%20mythological%20characters.)**
### No. 21: Cyber-style modern Chinese almanac web app


#### 📖 Description
A Gemini prompt to create a cyber-themed Chinese web app that generates modern daily fortune cards tailored to young people’s lifestyles instead of traditional auspicious activities.
#### 📝 Prompt
Generate a cyber-style Chinese web application for a modern daily almanac aimed at young people. Instead of traditional items like “suitable for marriage,” it should reflect modern life scenarios. For example: “Today do: {argument name="today_do_example_1_en" default="slack off at work"}, {argument name="today_do_example_2_en" default="drink milk tea"}, {argument name="today_do_example_3_en" default="confess your feelings"}; Today avoid: {argument name="today_avoid_example_1_en" default="meetings"}, {argument name="today_avoid_example_2_en" default="staying up all night"}, {argument name="today_avoid_example_3_en" default="making big resolutions"}.”
#### 🖼️ Example Images
##### Image 1
#### 📌 Details
- **Author:** [松果先森](https://x.com/songguoxiansen)
- **Source:** [Twitter Post](https://x.com/songguoxiansen/status/1991315808338014231)
- **Published:** November 20, 2025
- **Languages:** zh
**[👉 Try it now →](https://youmind.com/gemini-3-prompts?prompt=Generate%20a%20cyber-style%20Chinese%20web%20application%20for%20a%20modern%20daily%20almanac%20aimed%20at%20young%20people.%20Instead%20of%20traditional%20items%20like%20%E2%80%9Csuitable%20for%20marriage%2C%E2%80%9D%20it%20should%20reflect%20modern%20life%20scenarios.%20For%20example%3A%20%E2%80%9CToday%20do%3A%20%7Bargument%20name%3D%22today_do_example_1_en%22%20default%3D%22slack%20off%20at%20work%22%7D%2C%20%7Bargument%20name%3D%22today_do_example_2_en%22%20default%3D%22drink%20milk%20tea%22%7D%2C%20%7Bargument%20name%3D%22today_do_example_3_en%22%20default%3D%22confess%20your%20feelings%22%7D%3B%20Today%20avoid%3A%20%7Bargument%20name%3D%22today_avoid_example_1_en%22%20default%3D%22meetings%22%7D%2C%20%7Bargument%20name%3D%22today_avoid_example_2_en%22%20default%3D%22staying%20up%20all%20night%22%7D%2C%20%7Bargument%20name%3D%22today_avoid_example_3_en%22%20default%3D%22making%20big%20resolutions%22%7D.%E2%80%9D)**
### No. 22: Retro Polaroid-style camera web app

#### 📖 Description
A Chinese prompt to build a retro Polaroid camera web app where a camera in the lower-left connects to the webcam, ejects developing photos, and lets users drag them to form a photo wall.
#### 📝 Prompt
Please help me create a retro Polaroid-style camera web application. In the lower-left corner of the page, display a camera that can connect to the webcam and show a real-time preview. When the shutter button is clicked, a photo paper slowly pops out from the top of the camera, and the photo develops from blurry to clear. Users can drag the developed photo from above the camera to areas of the page outside the camera, creating a photo-wall-like effect.
#### 🖼️ Example Images
##### Image 1
#### 📌 Details
- **Author:** [饼干哥哥AGI(2.0)](https://x.com/bggg_ai)
- **Source:** [Twitter Post](https://x.com/bggg_ai/status/1991310988201849346)
- **Published:** November 20, 2025
- **Languages:** zh
**[👉 Try it now →](https://youmind.com/gemini-3-prompts?prompt=Please%20help%20me%20create%20a%20retro%20Polaroid-style%20camera%20web%20application.%20In%20the%20lower-left%20corner%20of%20the%20page%2C%20display%20a%20camera%20that%20can%20connect%20to%20the%20webcam%20and%20show%20a%20real-time%20preview.%20When%20the%20shutter%20button%20is%20clicked%2C%20a%20photo%20paper%20slowly%20pops%20out%20from%20the%20top%20of%20the%20camera%2C%20and%20the%20photo%20develops%20from%20blurry%20to%20clear.%20Users%20can%20drag%20the%20developed%20photo%20from%20above%20the%20camera%20to%20areas%20of%20the%20page%20outside%20the%20camera%2C%20creating%20a%20photo-wall-like%20effect.)**
### No. 23: Maximalist digital hot dog startup website


#### 📖 Description
A playful prompt for Gemini 3.0 Pro to design a maximalist, shader-heavy, wavy gradient website for a fictional startup selling digital hot dogs, with beautifully animated hero text reacting to mouse hover.
#### 📝 Prompt
Design a maximalist website for a fictional startup that sells {argument name="product_en" default="digital hot dogs"}. I want beautifully animated hero text with shaders that react to mouse hover, with lots of dithering and wavy, groovy gradients.
#### 🖼️ Example Images
##### Image 1
#### 📌 Details
- **Author:** [ben](https://x.com/benhylak)
- **Source:** [Twitter Post](https://x.com/benhylak/status/1991225744194691289)
- **Published:** November 19, 2025
- **Languages:** en
**[👉 Try it now →](https://youmind.com/gemini-3-prompts?prompt=Design%20a%20maximalist%20website%20for%20a%20fictional%20startup%20that%20sells%20%7Bargument%20name%3D%22product_en%22%20default%3D%22digital%20hot%20dogs%22%7D.%20I%20want%20beautifully%20animated%20hero%20text%20with%20shaders%20that%20react%20to%20mouse%20hover%2C%20with%20lots%20of%20dithering%20and%20wavy%2C%20groovy%20gradients.)**
### No. 24: Raymarched Mandelbulb fractal with audio-reactive particles in Three.js


#### 📖 Description
A compact Three.js/GLSL prompt asking Gemini 3 Pro to create a raymarched Mandelbulb fractal surrounded by thousands of audio-reactive instanced particles with Unreal Bloom, all in a single file.
#### 📝 Prompt
Create a raymarching Mandelbulb fractal in GLSL, surround it with {argument name="particle_count_en" default="12,000"} instanced particles, make it audio-reactive to my microphone, and add Unreal Bloom.
#### 🖼️ Example Images
##### Image 1
#### 📌 Details
- **Author:** [SRKDAN](https://x.com/SRKDAN)
- **Source:** [Twitter Post](https://x.com/SRKDAN/status/1991210377179234355)
- **Published:** November 19, 2025
- **Languages:** en
**[👉 Try it now →](https://youmind.com/gemini-3-prompts?prompt=Create%20a%20raymarching%20Mandelbulb%20fractal%20in%20GLSL%2C%20surround%20it%20with%20%7Bargument%20name%3D%22particle_count_en%22%20default%3D%2212%2C000%22%7D%20instanced%20particles%2C%20make%20it%20audio-reactive%20to%20my%20microphone%2C%20and%20add%20Unreal%20Bloom.)**
### No. 25: Agency-style website for a client called AP


#### 📖 Description
A simple instruction-style prompt telling Gemini 3 Pro to act as the studio makemepulse and build a website for a client named AP, focusing on careful execution.
#### 📝 Prompt
You are the studio {argument name="studio_name_en" default="makemepulse"}. Build me a website for {argument name="client_name_en" default="AP"}. Think carefully and make no mistakes.
#### 🖼️ Example Images
##### Image 1
#### 📌 Details
- **Author:** [arda](https://x.com/ardadoteth)
- **Source:** [Twitter Post](https://x.com/ardadoteth/status/1991203658269090295)
- **Published:** November 19, 2025
- **Languages:** en
**[👉 Try it now →](https://youmind.com/gemini-3-prompts?prompt=You%20are%20the%20studio%20%7Bargument%20name%3D%22studio_name_en%22%20default%3D%22makemepulse%22%7D.%20Build%20me%20a%20website%20for%20%7Bargument%20name%3D%22client_name_en%22%20default%3D%22AP%22%7D.%20Think%20carefully%20and%20make%20no%20mistakes.)**
### No. 26: Laser eye effect web demo with Mediapipe and Three.js

#### 📖 Description
A concise technical prompt for Gemini 3 to build a web experience that uses the front camera and Mediapipe facial landmarks to apply a real-time 3D laser eye effect via Three.js.
#### 📝 Prompt
Use the computer's front-facing camera.
Use the `mediapipe` library to capture facial landmarks.
Use `threejs` to apply a LASER EYE effect to the face captured by the camera, based on the real-time 3D landmark information provided by `mediapipe`.
#### 🖼️ Example Images
##### Image 1
#### 📌 Details
- **Author:** [愚瞳 | winterx](https://x.com/fangyex)
- **Source:** [Twitter Post](https://x.com/fangyex/status/1991186281704173931)
- **Published:** November 19, 2025
- **Languages:** en
**[👉 Try it now →](https://youmind.com/gemini-3-prompts?prompt=Use%20the%20computer's%20front-facing%20camera.%0AUse%20the%20%60mediapipe%60%20library%20to%20capture%20facial%20landmarks.%0AUse%20%60threejs%60%20to%20apply%20a%20LASER%20EYE%20effect%20to%20the%20face%20captured%20by%20the%20camera%2C%20based%20on%20the%20real-time%203D%20landmark%20information%20provided%20by%20%60mediapipe%60.)**
### No. 27: Three.js survival-mode replica of Minecraft


#### 📖 Description
A prompt instructing Gemini 3 Pro to design a full survival-mode replica of Minecraft using Three.js for the web.
#### 📝 Prompt
Design a full survival-mode replica of {argument name="game_name_en" default="Minecraft"} using {argument name="tech_stack_en" default="Three.js"}.
#### 🖼️ Example Images
##### Image 1
#### 📌 Details
- **Author:** [Vardhan Agnihotri](https://x.com/agno_three)
- **Source:** [Twitter Post](https://x.com/agno_three/status/1991176488289223136)
- **Published:** November 19, 2025
- **Languages:** en
**[👉 Try it now →](https://youmind.com/gemini-3-prompts?prompt=Design%20a%20full%20survival-mode%20replica%20of%20%7Bargument%20name%3D%22game_name_en%22%20default%3D%22Minecraft%22%7D%20using%20%7Bargument%20name%3D%22tech_stack_en%22%20default%3D%22Three.js%22%7D.)**
### No. 28: Enterprise landing page with interactive responsive design


#### 📖 Description
A prompt for Gemini to generate a professional enterprise landing page with responsive layout, animations, and interactive elements, adaptable to any business type.
#### 📝 Prompt
Generate an enterprise-grade professional landing page for {argument name="business_description_en" default="[DESCRIBE YOUR BUSINESS]"}.
Add interactive elements, animations, and make it fully responsive.
Surprise me, be creative, and do this step by step.
#### 🖼️ Example Images
##### Image 1
#### 📌 Details
- **Author:** [God of Prompt](https://x.com/godofprompt)
- **Source:** [Twitter Post](https://x.com/godofprompt/status/1991146150859039013)
- **Published:** November 19, 2025
- **Languages:** en
**[👉 Try it now →](https://youmind.com/gemini-3-prompts?prompt=Generate%20an%20enterprise-grade%20professional%20landing%20page%20for%20%7Bargument%20name%3D%22business_description_en%22%20default%3D%22%5BDESCRIBE%20YOUR%20BUSINESS%5D%22%7D.%0A%0AAdd%20interactive%20elements%2C%20animations%2C%20and%20make%20it%20fully%20responsive.%0A%0ASurprise%20me%2C%20be%20creative%2C%20and%20do%20this%20step%20by%20step.)**
### No. 29: Chinese traditional colors daily web app


#### 📖 Description
A Gemini prompt for building a web app that introduces one traditional Chinese color per day, alongside poetry and related illustrations or scenery.
#### 📝 Prompt
Generate a web application that introduces one {argument name="color_system_en" default="traditional Chinese color"} each day (for example: {argument name="example_color_1_en" default="Sky Blue (Tianqing)"}, {argument name="example_color_2_en" default="Crimson (Yanzhi)"}, {argument name="example_color_3_en" default="Dark Green (Dailuo)"}), accompanied by related classical poetry, artifact illustrations, or natural landscapes.
#### 🖼️ Example Images
##### Image 1
#### 📌 Details
- **Author:** [松果先森](https://x.com/songguoxiansen)
- **Source:** [Twitter Post](https://x.com/songguoxiansen/status/1991137382876541379)
- **Published:** November 19, 2025
- **Languages:** zh
**[👉 Try it now →](https://youmind.com/gemini-3-prompts?prompt=Generate%20a%20web%20application%20that%20introduces%20one%20%7Bargument%20name%3D%22color_system_en%22%20default%3D%22traditional%20Chinese%20color%22%7D%20each%20day%20(for%20example%3A%20%7Bargument%20name%3D%22example_color_1_en%22%20default%3D%22Sky%20Blue%20(Tianqing)%22%7D%2C%20%7Bargument%20name%3D%22example_color_2_en%22%20default%3D%22Crimson%20(Yanzhi)%22%7D%2C%20%7Bargument%20name%3D%22example_color_3_en%22%20default%3D%22Dark%20Green%20(Dailuo)%22%7D)%2C%20accompanied%20by%20related%20classical%20poetry%2C%20artifact%20illustrations%2C%20or%20natural%20landscapes.)**
### No. 30: Web-based Word-like rich text editor in one HTML file


#### 📖 Description
A Chinese prompt for Gemini-3.0-Pro to build a Word-style rich text editor as a single HTML file, including major formatting features and a download option.
#### 📝 Prompt
#### 🖼️ Example Images
##### Image 1
#### 📌 Details
- **Author:** [karminski-牙医](https://x.com/karminski3)
- **Source:** [Twitter Post](https://x.com/karminski3/status/1991136616312963096)
- **Published:** November 19, 2025
- **Languages:** zh
**[👉 Try it now →](https://youmind.com/gemini-3-prompts?prompt=Help%20me%20write%20a%20web-based%20rich%20text%20editor%20similar%20to%20%7Bargument%20name%3D%22reference_software_en%22%20default%3D%22Word%22%7D%2C%20including%20its%20main%20features%2C%20with%20all%20code%20contained%20in%20a%20single%20HTML%20file.%20It%20should%20support%3A%20headings%2C%20paragraphs%2C%20left%20alignment%2C%20bold%2C%20italic%2C%20right%20alignment%2C%20underline%2C%20strikethrough%2C%20background%20color%2C%20text%20color%2C%20numbering%2C%20undo%2C%20and%20finally%20a%20download%20function.%20Directly%20generate%20the%20HTML%2C%20and%20that%E2%80%99s%20it!)**
### No. 31: Chinese Twitter KOL leaderboard landing page


#### 📖 Description
A Chinese prompt that asks Gemini 3.0 to act as an aesthetically minded frontend engineer and build a dark, high-contrast, Tailwind-powered landing page for a Chinese Twitter KOL ranking site, fetching data from the web and outputting pure HTML with animations.
#### 📝 Prompt
As a frontend engineer with a strong sense of aesthetics, create a website landing page for "{argument name="leaderboard_name_en" default="Chinese Twitter KOL Leaderboard"}". The design should be highly polished, with a minimal color palette, dark mode, and high contrast. Fetch the data source from the web.
Use Tailwind CSS + HTML5, add animations, and output only the HTML code directly.
#### 🖼️ Example Images
##### Image 1
#### 📌 Details
- **Author:** [katon](https://x.com/hellokaton)
- **Source:** [Twitter Post](https://x.com/hellokaton/status/1991044658638840304)
- **Published:** November 19, 2025
- **Languages:** zh
**[👉 Try it now →](https://youmind.com/gemini-3-prompts?prompt=As%20a%20frontend%20engineer%20with%20a%20strong%20sense%20of%20aesthetics%2C%20create%20a%20website%20landing%20page%20for%20%22%7Bargument%20name%3D%22leaderboard_name_en%22%20default%3D%22Chinese%20Twitter%20KOL%20Leaderboard%22%7D%22.%20The%20design%20should%20be%20highly%20polished%2C%20with%20a%20minimal%20color%20palette%2C%20dark%20mode%2C%20and%20high%20contrast.%20Fetch%20the%20data%20source%20from%20the%20web.%0AUse%20Tailwind%20CSS%20%2B%20HTML5%2C%20add%20animations%2C%20and%20output%20only%20the%20HTML%20code%20directly.)**
### No. 32: English picture book learning web app


#### 📖 Description
A simple Gemini prompt to generate a web application for learning English through picture books, which can later be enhanced with interactive Gemini-powered lessons.
#### 📝 Prompt
Create a picture book for learning {argument name="learning_subject" default="English"}.
#### 🖼️ Example Images
##### Image 1
#### 📌 Details
- **Author:** [松果先森](https://x.com/songguoxiansen)
- **Source:** [Twitter Post](https://x.com/songguoxiansen/status/1991039234632003693)
- **Published:** November 19, 2025
- **Languages:** zh
**[👉 Try it now →](https://youmind.com/gemini-3-prompts?prompt=Create%20a%20picture%20book%20for%20learning%20%7Bargument%20name%3D%22learning_subject%22%20default%3D%22English%22%7D.)**
### No. 33: Douyin recommendation algorithm demo animation


#### 📖 Description
A short Chinese prompt for generating an animation demo of Douyin’s recommendation algorithm; while focused on animation, it can be used within a web context.
#### 📝 Prompt
Create a demo animation of the recommendation algorithm for {argument name="platform_name_en" default="Douyin"}.
#### 🖼️ Example Images
##### Image 1
#### 📌 Details
- **Author:** [松果先森](https://x.com/songguoxiansen)
- **Source:** [Twitter Post](https://x.com/songguoxiansen/status/1991030405198458940)
- **Published:** November 19, 2025
- **Languages:** zh
**[👉 Try it now →](https://youmind.com/gemini-3-prompts?prompt=Create%20a%20demo%20animation%20of%20the%20recommendation%20algorithm%20for%20%7Bargument%20name%3D%22platform_name_en%22%20default%3D%22Douyin%22%7D.)**
### No. 34: Multi-level gear linkage system animation

#### 📖 Description
A concise Gemini prompt to generate an animated multi-level gear linkage system where turning the main gear drives all others proportionally, suitable as an SVG or canvas demo.
#### 📝 Prompt
A multi-level gear linkage system where rotating the main gear causes all gears to automatically move in proportion.
#### 🖼️ Example Images
##### Image 1
#### 📌 Details
- **Author:** [余温](https://x.com/gkxspace)
- **Source:** [Twitter Post](https://x.com/gkxspace/status/1990963691433701755)
- **Published:** November 19, 2025
- **Languages:** zh
**[👉 Try it now →](https://youmind.com/gemini-3-prompts?prompt=A%20multi-level%20gear%20linkage%20system%20where%20rotating%20the%20main%20gear%20causes%20all%20gears%20to%20automatically%20move%20in%20proportion.)**
### No. 35: Parallax scrolling homepage with explosive visual effects

#### 📖 Description
A prompt in English for generating a visually striking parallax scrolling website homepage with layered backgrounds, smooth transitions, and interactive animated elements.
#### 📝 Prompt
Create a parallax scrolling website with explosive visual effects: layered backgrounds that move at different speeds when scrolling, smooth transitions, and interactive elements that pop up with animations.
#### 🖼️ Example Images
##### Image 1
#### 📌 Details
- **Author:** [木子不写代码](https://x.com/ai_muzi)
- **Source:** [Twitter Post](https://x.com/ai_muzi/status/1990905917735317857)
- **Published:** November 18, 2025
- **Languages:** en
**[👉 Try it now →](https://youmind.com/gemini-3-prompts?prompt=Create%20a%20parallax%20scrolling%20website%20with%20explosive%20visual%20effects%3A%20layered%20backgrounds%20that%20move%20at%20different%20speeds%20when%20scrolling%2C%20smooth%20transitions%2C%20and%20interactive%20elements%20that%20pop%20up%20with%20animations.)**
### No. 36: High-end Swiss-style landing page generator in React


#### 📖 Description
An English prompt snippet that instructs Gemini to implement a high-end Swiss modern style landing page as a single-file React component, following strict specifications and using Swiss modern and bento layout concepts.
#### 📝 Prompt
{argument name="generator_name_en" default="High-End LP Generator (Swiss Style)"}
Based on the later-provided {argument name="input_text_en" default="Input Text"}, strictly follow the following specifications and implement a top-quality landing page in React (single file).
1. Design concept: {argument name="design_concept_en" default="Swiss Modern & Bento"}
Style: {argument name="style_en" default="Apple/Linear-like Swiss modern style"}, removing decoration and using whitespace and typography to create appeal.
#### 🖼️ Example Images
##### Image 1
##### Image 2
##### Image 3
##### Image 4
#### 📌 Details
- **Author:** [チャエン | デジライズ CEO《重要AIニュースを毎日最速で発信⚡️》](https://x.com/masahirochaen)
- **Source:** [Twitter Post](https://x.com/masahirochaen/status/1990905875104739689)
- **Published:** November 18, 2025
- **Languages:** en
**[👉 Try it now →](https://youmind.com/gemini-3-prompts?prompt=%7Bargument%20name%3D%22generator_name_en%22%20default%3D%22High-End%20LP%20Generator%20(Swiss%20Style)%22%7D%0A%0ABased%20on%20the%20later-provided%20%7Bargument%20name%3D%22input_text_en%22%20default%3D%22Input%20Text%22%7D%2C%20strictly%20follow%20the%20following%20specifications%20and%20implement%20a%20top-quality%20landing%20page%20in%20React%20(single%20file).%0A%0A1.%20Design%20concept%3A%20%7Bargument%20name%3D%22design_concept_en%22%20default%3D%22Swiss%20Modern%20%26%20Bento%22%7D%0A%0AStyle%3A%20%7Bargument%20name%3D%22style_en%22%20default%3D%22Apple%2FLinear-like%20Swiss%20modern%20style%22%7D%2C%20removing%20decoration%20and%20using%20whitespace%20and%20typography%20to%20create%20appeal.)**
### No. 37: Glassmorphism neon interface UI

#### 📖 Description
A short style prompt describing a glassmorphism, neon-like ultra-modern UI with semi-transparent panels, suitable as guidance for a web interface layout.
#### 📝 Prompt
A glassmorphism neon interface with ultra-modern UI lighting effects and semi-transparent glass panels.
#### 🖼️ Example Images
##### Image 1
#### 📌 Details
- **Author:** [余温](https://x.com/gkxspace)
- **Source:** [Twitter Post](https://x.com/gkxspace/status/1990890398005219692)
- **Published:** November 18, 2025
- **Languages:** zh
**[👉 Try it now →](https://youmind.com/gemini-3-prompts?prompt=A%20glassmorphism%20neon%20interface%20with%20ultra-modern%20UI%20lighting%20effects%20and%20semi-transparent%20glass%20panels.)**
### No. 38: Interactive SVG demo of Tesla FSD road recognition

#### 📖 Description
#### 📝 Prompt
#### 🖼️ Example Images
##### Image 1
#### 📌 Details
- **Author:** [余温](https://x.com/gkxspace)
- **Source:** [Twitter Post](https://x.com/gkxspace/status/1990845658706612581)
- **Published:** November 18, 2025
- **Languages:** zh
### No. 39: Rebuild GitHub’s React project page UI


#### 📖 Description
A very short prompt asking Gemini 3 Pro to build the GitHub page of React, effectively recreating the React repository’s GitHub UI.
#### 📝 Prompt
Build the GitHub page of {argument name="project_name_en" default="React"}.
#### 🖼️ Example Images
##### Image 1
#### 📌 Details
- **Author:** [Samro ✨](https://x.com/jacobsamro)
- **Source:** [Twitter Post](https://x.com/jacobsamro/status/1990844468996813279)
- **Published:** November 18, 2025
- **Languages:** en
**[👉 Try it now →](https://youmind.com/gemini-3-prompts?prompt=Build%20the%20GitHub%20page%20of%20%7Bargument%20name%3D%22project_name_en%22%20default%3D%22React%22%7D.)**
### No. 40: Three.js museum walkthrough scene

#### 📖 Description
An English prompt telling Gemini to create a walkable 3D museum scene in three.js with white walls and floor, glass ceiling, and blocks in the hall, like a small first-person web game environment.
#### 📝 Prompt
Create a scene in three.js.
It will be a museum with paintings on the walls, and you can walk around the museum hall like in a game.
Make the walls and floor white.
There will be glass on the ceiling with the sky visible behind it.
Also place white blocks in the middle of the hall.
#### 🖼️ Example Images
##### Image 1
#### 📌 Details
- **Author:** [Sabo Sugi ✦](https://x.com/sabosugi)
- **Source:** [Twitter Post](https://x.com/sabosugi/status/1990840115984294112)
- **Published:** November 18, 2025
- **Languages:** en
**[👉 Try it now →](https://youmind.com/gemini-3-prompts?prompt=Create%20a%20scene%20in%20three.js.%0AIt%20will%20be%20a%20museum%20with%20paintings%20on%20the%20walls%2C%20and%20you%20can%20walk%20around%20the%20museum%20hall%20like%20in%20a%20game.%0AMake%20the%20walls%20and%20floor%20white.%0AThere%20will%20be%20glass%20on%20the%20ceiling%20with%20the%20sky%20visible%20behind%20it.%0AAlso%20place%20white%20blocks%20in%20the%20middle%20of%20the%20hall.)**
### No. 41: Voxel art threejs scene generation prompt from image

#### 📖 Description
A coding prompt for Gemini 3 to generate a Three.js voxel art scene inspired by an uploaded image, outputting all code as a single-page file.
#### 📝 Prompt
I have provided an image. Code a beautiful voxel art scene inspired by this image. Write threejs code as a single-page
#### 🖼️ Example Images
##### Image 1
#### 📌 Details
- **Author:** [Ian Goodfellow](https://x.com/goodfellow_ian)
- **Source:** [Twitter Post](https://x.com/goodfellow_ian/status/1990839056331337797)
- **Published:** November 18, 2025
- **Languages:** en
**[👉 Try it now →](https://youmind.com/gemini-3-prompts?prompt=I%20have%20provided%20an%20image.%20Code%20a%20beautiful%20voxel%20art%20scene%20inspired%20by%20this%20image.%20Write%20threejs%20code%20as%20a%20single-page)**
### No. 42: 3D Rubik’s cube web app with mix and solve controls


#### 📖 Description
A prompt for a 3D Rubik’s cube web interface that can be mixed, auto-solved, and manually manipulated by the user.
#### 📝 Prompt
Build a 3D {argument name="puzzle_type_en" default="Rubik's cube"}, include a button to mix it that shuffles the cube, and a button that solves the puzzle. Also allow the user to manually manipulate and solve it themselves.
#### 🖼️ Example Images
##### Image 1
#### 📌 Details
- **Author:** [Alan Shiflett](https://x.com/AlanShiflett)
- **Source:** [Twitter Post](https://x.com/AlanShiflett/status/1990834197414785280)
- **Published:** November 18, 2025
- **Languages:** en
**[👉 Try it now →](https://youmind.com/gemini-3-prompts?prompt=Build%20a%203D%20%7Bargument%20name%3D%22puzzle_type_en%22%20default%3D%22Rubik's%20cube%22%7D%2C%20include%20a%20button%20to%20mix%20it%20that%20shuffles%20the%20cube%2C%20and%20a%20button%20that%20solves%20the%20puzzle.%20Also%20allow%20the%20user%20to%20manually%20manipulate%20and%20solve%20it%20themselves.)**
### No. 43: CapCut-like video editor UI in Gemini


#### 📖 Description
A very simple high-level prompt to design a CapCut-style video editing application interface using Gemini.
#### 📝 Prompt
Design a {argument name="app_name_en" default="CapCut"}.
#### 🖼️ Example Images
##### Image 1
#### 📌 Details
- **Author:** [padphone](https://x.com/lepadphone)
- **Source:** [Twitter Post](https://x.com/lepadphone/status/1990834118511505486)
- **Published:** November 18, 2025
- **Languages:** en
**[👉 Try it now →](https://youmind.com/gemini-3-prompts?prompt=Design%20a%20%7Bargument%20name%3D%22app_name_en%22%20default%3D%22CapCut%22%7D.)**
### No. 44: Single-file HTML billiards game


#### 📖 Description
A direct prompt requesting a fully functional billiards game implemented inside a single HTML file.
#### 📝 Prompt
Please create a fully functional {argument name="game_type_en" default="billiards game"} in a single HTML file.
#### 🖼️ Example Images
##### Image 1
#### 📌 Details
- **Author:** [余温](https://x.com/gkxspace)
- **Source:** [Twitter Post](https://x.com/gkxspace/status/1990822470308221043)
- **Published:** November 18, 2025
- **Languages:** zh
**[👉 Try it now →](https://youmind.com/gemini-3-prompts?prompt=Please%20create%20a%20fully%20functional%20%7Bargument%20name%3D%22game_type_en%22%20default%3D%22billiards%20game%22%7D%20in%20a%20single%20HTML%20file.)**
### No. 45: Quantum core monitoring single-page HTML


#### 📖 Description
A concise prompt asking Gemini to generate a single-page HTML (using SVG) that represents a ‘quantum core monitoring system’ UI.
#### 📝 Prompt
Please generate a single-page HTML (SVG) for a “{argument name="system_name_en" default="Quantum Core Monitoring System"}”.
#### 🖼️ Example Images
##### Image 1
#### 📌 Details
- **Author:** [余温](https://x.com/gkxspace)
- **Source:** [Twitter Post](https://x.com/gkxspace/status/1990818141610324361)
- **Published:** November 18, 2025
- **Languages:** zh
**[👉 Try it now →](https://youmind.com/gemini-3-prompts?prompt=Please%20generate%20a%20single-page%20HTML%20(SVG)%20for%20a%20%E2%80%9C%7Bargument%20name%3D%22system_name_en%22%20default%3D%22Quantum%20Core%20Monitoring%20System%22%7D%E2%80%9D.)**
### No. 46: Dynamic point cloud special relativity webpage

#### 📖 Description
A concise Chinese prompt telling Gemini to write a dynamic webpage that uses a cool point cloud effect to explain special relativity, ideal for interactive physics demos.
#### 📝 Prompt
Write a dynamic webpage that uses a cool point-cloud style to explain special relativity.
#### 🖼️ Example Images
##### Image 1
#### 📌 Details
- **Author:** [-Zho-](https://x.com/ZHO_ZHO_ZHO)
- **Source:** [Twitter Post](https://x.com/ZHO_ZHO_ZHO/status/1990812808112419198)
- **Published:** November 18, 2025
- **Languages:** zh
**[👉 Try it now →](https://youmind.com/gemini-3-prompts?prompt=Write%20a%20dynamic%20webpage%20that%20uses%20a%20cool%20point-cloud%20style%20to%20explain%20special%20relativity.)**
### No. 47: Single-file SVG of an Xbox controller


#### 📖 Description
A prompt asking Gemini 3.0 Pro to create an SVG representation of an Xbox controller, suitable for embedding in web pages or UI components.
#### 📝 Prompt
Create an SVG of an {argument name="controller_type_en" default="Xbox controller"}.
#### 🖼️ Example Images
##### Image 1
#### 📌 Details
- **Author:** [Singularity](https://x.com/SingulCore)
- **Source:** [Twitter Post](https://x.com/SingulCore/status/1990765115785031961)
- **Published:** November 18, 2025
- **Languages:** en
**[👉 Try it now →](https://youmind.com/gemini-3-prompts?prompt=Create%20an%20SVG%20of%20an%20%7Bargument%20name%3D%22controller_type_en%22%20default%3D%22Xbox%20controller%22%7D.)**
### No. 48: Neobrutalist webpage generation prompt


#### 📖 Description
A prompt for generating an extremely creative, neobrutalist, responsive webpage with smooth scroll animations, fancy colors, and Tailwind CSS, titled dorksense.
#### 📝 Prompt
Make a neobrutalist webpage, make it extremely creative and push the limits as far as possible. Add smooth scroll animations, fancy colors, and Tailwind CSS styles. Make it fully responsive. The title of the page is {argument name="page_title" default="dorksense"}.
#### 🖼️ Example Images
##### Image 1
#### 📌 Details
- **Author:** [Dorksense](https://x.com/Dork_sense)
- **Source:** [Twitter Post](https://x.com/Dork_sense/status/1988965641890787793)
- **Published:** November 13, 2025
- **Languages:** en
**[👉 Try it now →](https://youmind.com/gemini-3-prompts?prompt=Make%20a%20neobrutalist%20webpage%2C%20make%20it%20extremely%20creative%20and%20push%20the%20limits%20as%20far%20as%20possible.%20Add%20smooth%20scroll%20animations%2C%20fancy%20colors%2C%20and%20Tailwind%20CSS%20styles.%20Make%20it%20fully%20responsive.%20The%20title%20of%20the%20page%20is%20%7Bargument%20name%3D%22page_title%22%20default%3D%22dorksense%22%7D.)**
### No. 49: New York skyline SVG single-HTML scene


#### 📖 Description
An English prompt asking Gemini to generate a highly detailed and creative SVG of the New York skyline that can be pasted as a single HTML file and opened in Chrome.
#### 📝 Prompt
SVG of the {argument name="city_skyline_en" default="New York skyline"}. Use whatever libraries are needed to get this done, but make sure I can paste everything into a single HTML file and open it in Chrome. Make it interesting and highly detailed, showing unexpected details. Go fully creative and fully beautiful in one code block.
#### 🖼️ Example Images
##### Image 1
#### 📌 Details
- **Author:** [Chetaslua](https://x.com/chetaslua)
- **Source:** [Twitter Post](https://x.com/chetaslua/status/1978826911900946793)
- **Published:** October 16, 2025
- **Languages:** en
**[👉 Try it now →](https://youmind.com/gemini-3-prompts?prompt=SVG%20of%20the%20%7Bargument%20name%3D%22city_skyline_en%22%20default%3D%22New%20York%20skyline%22%7D.%20Use%20whatever%20libraries%20are%20needed%20to%20get%20this%20done%2C%20but%20make%20sure%20I%20can%20paste%20everything%20into%20a%20single%20HTML%20file%20and%20open%20it%20in%20Chrome.%20Make%20it%20interesting%20and%20highly%20detailed%2C%20showing%20unexpected%20details.%20Go%20fully%20creative%20and%20fully%20beautiful%20in%20one%20code%20block.)**
### 🐛 GitHub Issue
1. Click [**Submit New Prompt**](https://github.com/YouMind-OpenLab/awesome-gemini-3-prompts/issues/new?template=submit-prompt.yml)
2. Fill in the form with prompt details and image
3. Submit and wait for team review
4. If approved (we'll add `approved` label), it will automatically sync to CMS
5. Your prompt will appear in README within 4 hours
**Note:** We only accept submissions via GitHub Issues to ensure quality control.
## 📄 License
Licensed under [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/).
## 🙏 Acknowledgements
- [Payload CMS](https://payloadcms.com/)
- [youmind.com](https://youmind.com)
| Metric | Count |
|--------|-------|
| 📝 Total Prompts | **49** |
| ⭐ Featured | **0** |
| 🔄 Last Updated | **Friday, May 29, 2026 at 6:29:35 PM UTC** |
## 📋 All Prompts
### No. 1: Thanksgiving Charlie Brown themed store


#### 📖 Description
A succinct prompt to build a store interface themed in the style of Thanksgiving Charlie Brown, suitable as a web storefront design.
#### 📝 Prompt
Build me a store in the theme and style of {argument name="theme_en" default="Thanksgiving Charlie Brown"}.
#### 🖼️ Example Images
##### Image 1
标签:AI, AI 图像, AI 工具, AI 提示, Apex, DNS解析, Gemini, IPv6支持, 人工智能, 图像生成, 多模态安全, 多语言 AI, 多语言支持, 安全测试框架, 开源库, 开源项目, 提示优化, 提示库, 提示管理, 搜索引擎爬虫, 数据可视化, 机器学习, 用户模式Hook绕过, 画廊预览, 自动化代码审查, 自动化攻击, 防御加固