GEMINI 3 PRO
พรอมต์

โดย@Sedativ

Nov 25, 2025

ร้านค้าธีมวันขอบคุณพระเจ้าของชาร์ลี บราวน์

ตัวอย่าง

พรอมต์กระชับ ๆ สำหรับสร้างอินเทอร์เฟซร้านค้าในธีม Thanksgiving Charlie Brown ซึ่งเหมาะสำหรับการออกแบบหน้าร้านค้าออนไลน์

พรอมต์

สร้างร้านค้าให้ฉันในธีมและสไตล์ของ Thanksgiving Charlie Brown

โดย@elvis

Nov 24, 2025

หน้า Landing Page แอนิเมชันล้ำยุคสำหรับเกม AI

ตัวอย่าง

ข้อความแจ้งภาษาอังกฤษที่ใช้ใน Claude Code skill ซึ่งขอให้ Gemini 3 Pro ออกแบบหน้า Landing Page ที่ล้ำยุคและมีแอนิเมชันมากมายสำหรับเกม AI ใหม่

พรอมต์

ฉันต้องการออกแบบหน้า Landing Page สำหรับ เกม AI ใหม่ เราต้องการให้ดูทันสมัยและใช้แอนิเมชันให้มากที่สุดเท่าที่จะทำได้

โดย@Jason Zhou

Nov 21, 2025

หน้าเว็บ "Hello world" พร้อมตัวเลือกสไตล์ Linear

สามพร้อมต์ง่ายๆ สำหรับ Gemini 3.0 ที่แสดงให้เห็นว่าการเพิ่มสไตล์และรูปภาพ โดยเฉพาะอย่างยิ่งการออกแบบสไตล์ Linear และพร้อมต์รูปภาพ เปลี่ยนคุณภาพของหน้า "hello world" ที่สร้างขึ้นได้อย่างไร

พรอมต์

ช่วยฉันสร้างหน้า "hello world" ช่วยฉันสร้างหน้า "hello world" ที่มีสไตล์ Linear ช่วยฉันสร้างหน้า "hello world" ที่มีสไตล์ Linear

โดย@Shin@プログラミングチュートリアル

Nov 21, 2025

หน้าประสบการณ์ผลิตภัณฑ์นาฬิกา 3D สุดหรู (Next.js + Three.js)

ตัวอย่าง

พรอมต์ภาษาญี่ปุ่นแบบยาวและละเอียดสำหรับการออกแบบหน้าเว็บประสบการณ์ผลิตภัณฑ์ 3D สุดหรูสำหรับนาฬิการะดับไฮเอนด์ โดยใช้ Next.js, Three.js, React Three Fiber, GLSL และข้อกำหนดเฉพาะสำหรับส่วนการเลื่อนและเชเดอร์

พรอมต์

ออกแบบหน้าประสบการณ์ผลิตภัณฑ์ 3D สำหรับนาฬิกาข้อมือสุดหรู **กลุ่มผู้ใช้เป้าหมาย:** ลูกค้าผู้มั่งคั่ง ผู้ที่ชื่นชอบนาฬิกา และนักธุรกิจ อายุ 30–50 ปี **โทนเสียงของแบรนด์:** หรูหรา × เทคโนโลยี (ให้ความรู้สึกทันสมัย ซับซ้อน และระดับไฮเอนด์) ประสบการณ์การเลื่อน (5 ส่วน): ส่วน Hero – นาฬิกาข้อมือค่อยๆ ปรากฏขึ้นจากความมืดสู่แสงสว่างพร้อมกับการหมุน ใช้เอฟเฟกต์โฮโลแกรมและการสะท้อนแบบ Fresnel ด้วย custom shaders การซูมรายละเอียด – ภาพระยะใกล้ของหน้าปัด ใช้ GLSL เพื่อให้ได้การสะท้อนแบบโลหะ, parallax mapping และความเงางามแบบเรียลไทม์ การแยกกลไก – นาฬิกาจะแยกชิ้นส่วนและกลไกภายในจะลอยอยู่ในอวกาศ ใช้ displacement shader สำหรับเอฟเฟกต์สนามพลังงาน และเพิ่มเอฟเฟกต์เรืองแสงให้กับแต่ละส่วน ประสบการณ์วัสดุ – สลับระหว่างวัสดุที่แตกต่างกัน แสดงความมันวาวของโลหะ, การหักเหของแสงในแก้ว และพื้นผิวด้านของไทเทเนียมด้วย PBR shaders ในลักษณะที่อิงตามหลักฟิสิกส์ ส่วนท้าย – นาฬิกาประกอบกลับคืน โดยมีพื้นหลังเป็น abstract gradient mesh ที่สร้างด้วย custom shader ใช้ post-processing เช่น bloom และ depth of field **Tech stack:** Next.js 15 + Three.js + React Three Fiber + GLSL (custom shaders) + react-postprocessing + Lenis ข้อกำหนดของ Shader: Fresnel reflection shader (เอฟเฟกต์ rim-light) PBR material shader (roughness, metallic, AO) Holographic shader (เอฟเฟกต์การรบกวนแบบสีรุ้ง) Displacement shader (เอฟเฟกต์การโบกและบิดเบือน) Custom background shader (gradient noise) Post-process: Bloom, ChromaticAberration, DepthOfField, Vignette โปรดเสนอค่าตัวเลขเฉพาะสำหรับ: ช่วงการเลื่อนของแต่ละส่วน (ในหน่วย % หรือ vh) พารามิเตอร์แอนิเมชัน (ค่าเริ่มต้น/สิ้นสุดสำหรับตำแหน่ง, การหมุน, สเกล ฯลฯ) ฟังก์ชัน Easing (ประเภท ease) FOV ของกล้อง, ตำแหน่ง และค่าเป้าหมาย การตั้งค่าแสง (ความเข้ม, สี, ตำแหน่ง) ค่า Uniform สำหรับแต่ละ shader (ความคืบหน้าของเวลา, ความคืบหน้าของการเลื่อน, hue, ความเข้ม ฯลฯ)

ข้อความแจ้งภาษาอังกฤษสำหรับออกแบบสภาพแวดล้อมสวนเจดีย์สไตล์ voxel-art ที่มีสีสันสดใส โดยเป็นไฟล์ HTML แบบครบวงจรที่ทำงานบน Chrome โดยใช้ไลบรารี voxel/WebGL ใดก็ได้

พรอมต์

ออกแบบสภาพแวดล้อมศิลปะแบบว็อกเซลที่ประณีต โดยมี เจดีย์ ที่ตกแต่งอย่างวิจิตรบรรจงตั้งอยู่ในสวนที่สดใส ใส่พืชพรรณที่หลากหลาย โดยเฉพาะอย่างยิ่ง ต้นซากุระ และทำให้องค์ประกอบดูมีชีวิตชีวา มีสีสัน และโดดเด่นสะดุดตา คุณสามารถใช้ไลบรารีว็อกเซลหรือ WebGL ใดก็ได้ที่คุณต้องการ แต่ต้องส่งมอบโปรเจกต์ทั้งหมดเป็นไฟล์ HTML ไฟล์เดียวที่สามารถเปิดได้ด้วยตัวเอง ซึ่งฉันสามารถคัดลอกและเปิดได้โดยตรงใน Chrome

ทางลัด AI

ตัวอย่าง

ข้อความแจ้งสไตล์ระบบภาษาอังกฤษที่ให้ Gemini ทำหน้าที่เป็นวิศวกรส่วนหน้า (frontend engineer) ระดับโลก เพื่อสร้างแอปพลิเคชันสร้างบล็อก 3 มิติ คล้าย Minecraft โดยใช้ React, Three.js, Tailwind CSS และ Gemini API

พรอมต์

สวมบทบาทเป็นวิศวกรฟรอนต์เอนด์และนักออกแบบ UX ระดับโลก สร้าง 3D Brick Builder Application โดยใช้ React, Three.js (@react-three/fiber), Tailwind CSS และ Google Gemini API (@google/genai) ## ปรัชญาการออกแบบ - **ธีม**: White Base สุนทรียภาพแบบโมเดิร์น

ทางลัด AI

$Raymarched Mandelbulb fractal พร้อมอนุภาคที่ตอบสนองต่อเสียงใน Three.js$

ตัวอย่าง

คำสั่ง Three.js/GLSL แบบกระชับที่ขอให้ Gemini 3 Pro สร้าง Mandelbulb fractal แบบ raymarched ที่ล้อมรอบด้วยอนุภาค instanced นับพันที่ตอบสนองต่อเสียง พร้อมด้วย Unreal Bloom ทั้งหมดนี้อยู่ในไฟล์เดียว

พรอมต์

สร้างแฟร็กทัล Mandelbulb แบบ raymarching ใน GLSL ล้อมรอบด้วยอนุภาคแบบ instanced จำนวน 12,000 ทำให้มันตอบสนองต่อเสียงจากไมโครโฟนของฉัน และเพิ่ม Unreal Bloom

ทางลัด AI

ตัวอย่าง

ข้อความแจ้ง Gemini แบบง่าย ๆ เพื่อสร้างเว็บแอปพลิเคชันสำหรับเรียนภาษาอังกฤษผ่านหนังสือนิทานภาพ ซึ่งสามารถปรับปรุงเพิ่มเติมได้ด้วยบทเรียนแบบโต้ตอบที่ขับเคลื่อนโดย Gemini ในภายหลัง

พรอมต์

สร้างหนังสือนิทานภาพสำหรับเรียนรู้ภาษาอังกฤษ

ทางลัด AI

ติดตั้ง

Learn with Feynman

Analyze any article like a seasoned researcher. Instantly grasp core arguments, supporting evidence, and profound insights. Cut through information overload and extract true value, fast.

ติดตั้งบน YouMind

โดย@松果先森

Nov 19, 2025

แอนิเมชันสาธิตอัลกอริทึมแนะนำของ Douyin

ตัวอย่าง

ข้อความแจ้งสั้น ๆ ภาษาจีนสำหรับสร้างแอนิเมชันสาธิตอัลกอริทึมแนะนำของ Douyin; แม้จะเน้นที่แอนิเมชัน แต่ก็สามารถใช้ในบริบทของเว็บได้

พรอมต์

สร้างแอนิเมชันสาธิตอัลกอริทึมการแนะนำสำหรับ Douyin

โดย@余温

Nov 19, 2025

ภาพเคลื่อนไหวระบบกลไกเชื่อมโยงเกียร์หลายระดับ

ตัวอย่าง

ข้อความแจ้ง Gemini แบบกระชับเพื่อสร้างระบบเฟืองเชื่อมโยงหลายระดับแบบเคลื่อนไหวได้ โดยที่การหมุนเฟืองหลักจะขับเคลื่อนเฟืองอื่น ๆ ทั้งหมดตามสัดส่วน เหมาะสำหรับเป็น SVG หรือการสาธิตบน Canvas

พรอมต์

ระบบเฟืองเชื่อมต่อหลายระดับที่เมื่อหมุนเฟืองหลัก เฟืองทั้งหมดจะเคลื่อนที่ตามสัดส่วนโดยอัตโนมัติ

โดย@木子不写代码

Nov 18, 2025

หน้าแรกแบบ Parallax Scrolling พร้อมเอฟเฟกต์ภาพสุดตระการตา

ตัวอย่าง

ข้อความแจ้งเป็นภาษาอังกฤษสำหรับสร้างหน้าแรกของเว็บไซต์แบบพารัลแลกซ์ (parallax scrolling) ที่ดึงดูดสายตา ด้วยพื้นหลังแบบเลเยอร์ การเปลี่ยนฉากที่ราบรื่น และองค์ประกอบแอนิเมชันแบบโต้ตอบ

พรอมต์

สร้างเว็บไซต์แบบพารัลแลกซ์ (parallax) ที่มีเอฟเฟกต์ภาพสุดอลังการ: แบ็กกราวด์หลายชั้นที่เคลื่อนที่ด้วยความเร็วต่างกันเมื่อเลื่อนหน้าจอ, การเปลี่ยนฉากที่ราบรื่น, และองค์ประกอบแบบอินเทอร์แอคทีฟที่ปรากฏขึ้นพร้อมแอนิเมชัน

โดย@チャエン | デジライズ CEO《重要AIニュースを毎日最速で発信⚡️》

Nov 18, 2025

เครื่องมือสร้าง Landing Page สไตล์สวิสระดับไฮเอนด์ใน React

เครื่องมือสร้าง Landing Page สไตล์สวิสระดับไฮเอนด์ใน React - 3

เครื่องมือสร้าง Landing Page สไตล์สวิสระดับไฮเอนด์ใน React - 4

ข้อความแจ้งภาษาอังกฤษที่สั่งให้ Gemini สร้างแลนดิ้งเพจสไตล์ Swiss modern ระดับไฮเอนด์ ในรูปแบบ React component ไฟล์เดียว โดยปฏิบัติตามข้อกำหนดที่เข้มงวด และใช้แนวคิด Swiss modern และ bento layout

พรอมต์

High-End LP Generator (Swiss Style) อ้างอิงจาก Input Text ที่ให้มาในภายหลัง โปรดปฏิบัติตามข้อกำหนดต่อไปนี้อย่างเคร่งครัด และสร้างแลนดิ้งเพจคุณภาพสูงใน React (ไฟล์เดียว) 1. แนวคิดการออกแบบ: Swiss Modern & Bento สไตล์: Apple/Linear-like Swiss modern style โดยเน้นการลดทอนการตกแต่ง และใช้พื้นที่ว่างและตัวอักษรเพื่อสร้างความน่าสนใจ

โดย@余温

Nov 18, 2025

Glassmorphism นีออน อินเทอร์เฟซ UI

ตัวอย่าง

คำสั่งสไตล์สั้นๆ ที่อธิบายถึง UI ที่ทันสมัยสุดๆ แบบ glassmorphism คล้ายนีออน พร้อมแผงกึ่งโปร่งใส เหมาะสำหรับเป็นแนวทางในการจัดวางส่วนติดต่อผู้ใช้บนเว็บ

พรอมต์

อินเทอร์เฟซแบบ Glassmorphism นีออน พร้อมเอฟเฟกต์แสง UI ที่ทันสมัยสุด ๆ และแผงกระจกโปร่งแสง

โดย@余温

Nov 18, 2025

การสาธิต SVG แบบอินเทอร์แอคทีฟของการจดจำถนนด้วย Tesla FSD

ตัวอย่าง

ข้อความแจ้งที่สั่งให้ Gemini ใช้ SVG เพื่อวาดภาพสาธิตแบบไดนามิกและโต้ตอบได้ว่า Tesla FSD จดจำถนนได้อย่างไร

พรอมต์

ใช้ SVG เพื่อสร้างการสาธิตแบบไดนามิกและโต้ตอบได้ว่า Tesla FSD จดจำถนนได้อย่างไร

โดย@Samro ✨

Nov 18, 2025

สร้าง UI หน้าโปรเจกต์ React ของ GitHub ขึ้นใหม่

ตัวอย่าง

คำสั่งสั้น ๆ ที่ขอให้ Gemini 3 Pro สร้างหน้า GitHub ของ React ซึ่งเป็นการจำลอง UI ของ GitHub ใน React repository ขึ้นมาใหม่

พรอมต์

สร้างหน้า GitHub ของ React

โดย@Sabo Sugi ✦

Nov 18, 2025

ฉากเดินชมพิพิธภัณฑ์ Three.js

ตัวอย่าง

ข้อความแจ้งเป็นภาษาอังกฤษที่บอกให้ Gemini สร้างฉากพิพิธภัณฑ์ 3 มิติ ที่เดินได้ใน three.js โดยมีผนังและพื้นสีขาว เพดานกระจก และบล็อกในโถงทางเดิน เหมือนกับสภาพแวดล้อมของเกมเว็บมุมมองบุคคลที่หนึ่งขนาดเล็ก

พรอมต์

สร้างฉากใน three.js ให้เป็นพิพิธภัณฑ์ที่มีภาพวาดบนผนัง และคุณสามารถเดินไปรอบ ๆ โถงพิพิธภัณฑ์ได้เหมือนอยู่ในเกม ทำผนังและพื้นเป็นสีขาว จะมีกระจกบนเพดานที่มองเห็นท้องฟ้าอยู่ด้านหลัง และวางบล็อกสีขาวไว้กลางโถงด้วย

ทางลัด AI

ตัวอย่าง

พรอมต์สำหรับสร้างหน้าเว็บที่สร้างสรรค์สุด ๆ สไตล์ Neobrutalist ตอบสนองได้ดี มีแอนิเมชันการเลื่อนที่ราบรื่น สีสันสวยงาม และใช้ Tailwind CSS โดยมีชื่อว่า dorksense

พรอมต์

สร้างหน้าเว็บสไตล์ Neobrutalism ที่มีความคิดสร้างสรรค์สุดขีดและก้าวข้ามขีดจำกัดให้มากที่สุด เพิ่มแอนิเมชันการเลื่อนที่ราบรื่น สีสันที่น่าดึงดูด และสไตล์ Tailwind CSS ทำให้รองรับทุกอุปกรณ์ได้อย่างสมบูรณ์ ชื่อหน้าเว็บคือ dorksense

ทางลัด AI

ติดตั้ง

IllustrateX

Use Nano Banana to turn an article into a series of easy-to-understand images.

ติดตั้งบน YouMind

โดย@Chetaslua

Oct 16, 2025

ฉาก SVG เส้นขอบฟ้าเมืองนิวยอร์กใน HTML เดียว

ตัวอย่าง

ข้อความแจ้งเป็นภาษาอังกฤษที่ขอให้ Gemini สร้างไฟล์ SVG ของเส้นขอบฟ้าเมืองนิวยอร์กที่มีรายละเอียดสูงและสร้างสรรค์ ซึ่งสามารถวางเป็นไฟล์ HTML ไฟล์เดียวและเปิดใน Chrome ได้

พรอมต์

SVG ของ เส้นขอบฟ้าของนิวยอร์ก ใช้ไลบรารีที่จำเป็นเพื่อให้งานนี้สำเร็จ แต่ต้องแน่ใจว่าฉันสามารถวางทุกอย่างลงในไฟล์ HTML ไฟล์เดียวแล้วเปิดใน Chrome ได้ ทำให้มันน่าสนใจและมีรายละเอียดสูง แสดงรายละเอียดที่ไม่คาดคิด สร้างสรรค์และสวยงามอย่างเต็มที่ในบล็อกโค้ดเดียว

โดย@Sedativ

Nov 25, 2025

ร้านค้าธีมวันขอบคุณพระเจ้าของชาร์ลี บราวน์

ตัวอย่าง

พรอมต์

สร้างร้านค้าให้ฉันในธีมและสไตล์ของ Thanksgiving Charlie Brown

โดย@Jason Zhou

Nov 21, 2025

หน้าเว็บ "Hello world" พร้อมตัวเลือกสไตล์ Linear

พรอมต์

บล็อก

ตัวอย่าง

พรอมต์

โดย@松果先森

Nov 19, 2025

เว็บแอปพลิเคชันเรียนรู้หนังสือภาพภาษาอังกฤษ

ตัวอย่าง

พรอมต์

สร้างหนังสือนิทานภาพสำหรับเรียนรู้ภาษาอังกฤษ

โดย@松果先森

Nov 19, 2025

แอนิเมชันสาธิตอัลกอริทึมแนะนำของ Douyin

ตัวอย่าง

ตัวอย่าง

เว็บไซต์สไตล์เอเจนซี่สำหรับลูกค้าชื่อ AP

ตัวอย่าง

พรอมต์

โดย@Vardhan Agnihotri

Nov 19, 2025

Three.js จำลองเกม Minecraft ในโหมดเอาชีวิตรอด

ตัวอย่าง

พรอมต์

ออกแบบเกม {game_name_en} โหมดเอาชีวิตรอดแบบเต็มรูปแบบ โดยใช้ {tech_stack_en}

โดย@松果先森

Nov 19, 2025

เว็บแอปพลิเคชันสีจีนโบราณประจำวัน

ตัวอย่าง

พรอมต์

โดย@katon

Nov 19, 2025