Gemini 3 Pro คลังพรอมต์

สร้างร้านค้าให้ฉันในธีมและสไตล์ของ {argument name="theme_en" default="Thanksgiving Charlie Brown"}

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

ช่วยฉันสร้างหน้า "hello world" ช่วยฉันสร้างหน้า "hello world" ที่มีสไตล์ {argument name="style_en" default="Linear"} ช่วยฉันสร้างหน้า "hello world" ที่มีสไตล์ {argument name="style_en" default="Linear"}

ออกแบบหน้าประสบการณ์ผลิตภัณฑ์ 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, ความเข้ม ฯลฯ)

คุณคือปรมาจารย์ด้านการเขียนโปรแกรมเกมผู้มากประสบการณ์ โปรดช่วยฉันเขียนเอดิเตอร์ที่ใช้ WebCodecs สำหรับโมดูลการเรนเดอร์ เปิด Switch และใส่ {argument name="game_title_en" default="The Legend of Zelda: Breath of the Wild"} ระวังอย่าเลียตลับเกมนะ—มันจะขมหน่อย ใช้การ์ดแคปเจอร์ระดับมืออาชีพเพื่อบันทึกวิดีโอ ทำภารกิจ Forgotten Shrine ให้สำเร็จ และใช้ Wind Bomb ทั้งหมดนี้ภายในเวลา 60 วินาที

สร้างไฟล์ HTML หนึ่งไฟล์สำหรับหน้า {argument name="product_type_en" default="luxury smartwatch"} โดยใช้ Three.js, Anime.js และ Tailwind สร้างโมเดล 3D {argument name="main_object_en" default="watch"} โอเวอร์เลย์พื้นผิวสีเข้มที่มีรูวงกลมแสดง {argument name="main_object_background_en" default="watch on beige"} และทำให้ส่วนหัวกับตัวเลขขนาดใหญ่เลื่อนเข้ามาเมื่อหน้าเว็บโหลด ทำให้หน้าเว็บดูเป็นมืออาชีพมากขึ้น แทนที่รูแบบคงที่ด้วยม่านตาที่เปิดเมื่อโหลด เพิ่มโดมแก้วเหนือ {argument name="focus_area_en" default="watch face"} พร้อมการสะท้อนแสง ปรับปรุงวัสดุโลหะ เพิ่มเมาส์พารัลแลกซ์เพื่อให้ {argument name="parallax_target_en" default="watch"} หมุนตามเคอร์เซอร์ และวาดวงแหวนเวลาและฟิตเนสบน {argument name="dial_area_en" default="watch face"} เปลี่ยนหน้าจอเดียวให้เป็นเว็บไซต์แบบเลื่อนหลายส่วน เมื่อผู้ใช้เลื่อน ให้ทำให้ 3D {argument name="scroll_object_en" default="watch"} เคลื่อนไหวและหมุนเพื่อให้เข้ากับแต่ละส่วน รักษาแคนวาส 3D และพื้นหลังให้คงที่ในขณะที่ข้อความเลื่อนทับไปมา มีเพียง {argument name="moving_element_en" default="watch"} เท่านั้นที่เคลื่อนไหว - fixed canvas: จัดตำแหน่งแคนวาส

สร้างไอคอนที่เรียบง่ายและใช้งานได้หลากหลายจำนวน {argument name="icon_count_en" default="40"} ไอคอน ในรูปแบบ SVG อย่าลืมวาดไอคอนเหล่านี้บน Canvas สีควรเป็น {argument name="icon_color_en" default="light blue"} และพื้นหลังควรเป็น {argument name="background_color_en" default="white"} ใช้ไอคอนสไตล์เส้นที่มีความรู้สึกแบบ Material Design เพิ่มปุ่มที่ให้ผู้ใช้ดาวน์โหลดไอคอน SVG แต่ละไอคอนเป็นข้อมูล SVG

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

สร้างแดชบอร์ดข้อมูลสกุลเงินดิจิทัลในโหมดมืดแห่งอนาคตขึ้นใหม่: ใช้พื้นหลังสีดำเข้มแบบ Obsidian ที่มีความเปรียบต่างสูงโดยรวม, องค์ประกอบ UI แบบ glassmorphism ที่มีขอบไล่ระดับสี, ตัวอักษร Inter แบบบาง, และการแสดงข้อมูลทางการเงินพร้อมเอฟเฟกต์แสงนีออน

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

สร้างหน้าเว็บ "คอร์สออกกำลังกาย" ภาษาจีนที่ได้รับแรงบันดาลใจจาก {argument name="reference_brand_en" default="Keep"}: โดยมีรูปภาพนักกีฬาแบบเต็มหน้าจอ, แถบนำทางแบบโปร่งใสที่ติดอยู่ด้านบน, หมวดหมู่แบบแคปซูลภาษาจีน, และตารางแสดงการ์ดคอร์สภาษาจีน แต่ละการ์ดคอร์สจะตรงกับโปรแกรมการฝึกอบรม; ใช้สไตล์คอร์สของครูฝึกสอน เช่น {argument name="instructor_examples_en" default="Pamela, Zhou Liuye, Han Xiaosi, Jojie, Liu Genghong"} เป็นข้อมูลอ้างอิงในการออกแบบชื่อและป้ายกำกับภาษาจีนสำหรับระดับความยากและระยะเวลา เมื่อคลิกที่การ์ด ให้เปิดเครื่องเล่นวิดีโอตัวอย่างคอร์สภายในหน้าเว็บที่ตรงกับข้อมูลในการ์ดอย่างเคร่งครัด โดยรวมแล้ว ให้คงการออกแบบที่เรียบง่ายแต่มีรายละเอียด โดยใช้การเลื่อนที่ราบรื่นและแอนิเมชันเมื่อวางเมาส์, การไล่ระดับสีที่นุ่มนวล, และการจัดเรียงตัวอักษรที่ประณีต เพื่อสร้างประสบการณ์ภาษาจีนระดับไฮเอนด์ ใช้ Tailwind CSS เพื่อสร้างเลย์เอาต์ที่ตอบสนองอย่างสมบูรณ์

สร้างหน้าฟิตเนสสไตล์ Keep ภาษาจีน พร้อม UI ที่สะอาดตาและทันสมัย, ร่างกายแบบ SVG แบบโต้ตอบ (มุมมองด้านหน้า/ด้านหลัง โดยการคลิกกล้ามเนื้อจะทำให้กล้ามเนื้อนั้นเด่นขึ้น), ตัวกรองภาษาจีน (เพศ/ระดับ/อุปกรณ์) และการ์ดออกกำลังกาย จัดส่งเป็นไฟล์ HTML ไฟล์เดียวโดยใช้ Tailwind + JavaScript

สร้างเว็บไซต์สไตล์นีโอ-บรูทัลลิสต์ที่ก้าวข้ามขีดจำกัดของความคิดสร้างสรรค์ โดยมีแอนิเมชันการเลื่อนที่ราบรื่น สีสันสดใส และสไตล์ Tailwind ES พร้อมทั้งรองรับการแสดงผลทุกขนาดหน้าจอได้อย่างสมบูรณ์

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

สร้างเว็บแอปพลิเคชันภาษาจีนที่ผู้ใช้สามารถบันทึกความฝันของตนเองได้ทุกเช้า แอปนี้มี "สติกเกอร์ภาพประกอบ" จำนวนมากให้ผู้ใช้ได้นำมาปะติดปะต่อและสร้างฉากความฝันขึ้นมาใหม่ และสุดท้ายจะสร้างการ์ดความฝันที่มีลักษณะคล้ายกับการ์ดทาโรต์

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

สร้าง X MBTI analyzer: ผู้ใช้จะวางทวีต → ส่วนหน้า (frontend) จะเรียกส่วนหลัง (backend) (ซึ่งใช้ Gemini API เพื่ออนุมานประเภท MBTI) สไตล์การออกแบบควรเป็นไปตาม Linear, โหมดมืดเท่านั้น, ให้ความรู้สึกเรียบง่ายแต่มีคุณภาพสูงและรายละเอียดที่ประณีต อินเทอร์เฟซควรเป็นภาษาจีน

สร้างแอปพลิเคชัน AI ตู้เสื้อผ้าชุดฮั่นฝูภาษาจีน โดยใช้เทคโนโลยี AI สลับใบหน้า หรือเทคโนโลยีรูปร่าง 3D ผู้ใช้สามารถอัปโหลดรูปภาพและ "ลองสวม" ชุดฮั่นฝูจากราชวงศ์ต่างๆ ได้ในคลิกเดียว (เช่น ราชวงศ์ถัง, ราชวงศ์ซ่ง, ราชวงศ์หมิง) หรือปรับแต่งปิ่นปักผมและเครื่องสำอางได้ด้วยตนเอง

โปรดช่วยฉันสร้างเว็บแอปพลิเคชันเครื่องพิมพ์ดีดย้อนยุค โดยมีธีมเกี่ยวกับ {argument name="device_name_en" default="Motorola Fix Beeper"} ตรงกลางหน้าจอ ให้แสดงเครื่องพิมพ์ดีดที่สามารถรับข้อความที่ผู้ใช้ป้อนและสร้างเป็นการ์ด โดยมีเอฟเฟกต์คล้ายกับการพิมพ์ดีดช้า ๆ และอนุญาตให้ลากการ์ดไปยังพื้นที่ว่างได้

สร้างเว็บแอปพลิเคชันภาษา {argument name="language_en" default="Chinese"} ที่เล่าเรื่องราวเทพนิยายกรีกของดาวฤกษ์หรือกลุ่มดาวแต่ละดวงในรูปแบบหนังสือนิทานภาพ โดยไม่เพียงแต่แสดงเส้นเชื่อมโยงกลุ่มดาวเท่านั้น แต่ยังแสดงภาพประกอบของตัวละครในเทพนิยายด้วย