ภาพรวม กรณีการใช้งาน ทักษะ พรอมต์ราคา บล็อก อัปเดต

GitHub README Ancient Social Feed

สร้างภาพหน้าจอ GitHub README ในโหมดมืด (Dark Mode) ที่แสดงตัวอย่างโพสต์โซเชียลมีเดียในธีมสมัยราชวงศ์ซ่ง เหมาะสำหรับการนำเสนอ UI prompt presets

พรอมต์

เป้าหมาย: สร้างภาพหน้าจอเดสก์ท็อปแบบกว้างของหน้าแสดงตัวอย่าง GitHub repository README ในโหมดมืด โดยแสดงตัวอย่างการออกแบบ UI ฟีดโซเชียลมีเดียจีนโบราณ ผืนผ้าใบ: ภาพหน้าจอแนวนอนขนาด 1200×612 px, อินเทอร์เฟซ GitHub สีน้ำเงินเข้ม, ครอปภาพให้เหมือนหน้าต่างเบราว์เซอร์โดยไม่เห็นแถบที่อยู่ องค์ประกอบภาพส่วนใหญ่เป็นพื้นหลัง GitHub สีเข้มที่ว่างเปล่า โดยเนื้อหา README จะวางอยู่กึ่งกลางค่อนไปทางซ้ายเล็กน้อย เลย์เอาต์หน้า GitHub: ที่ด้านบนสุด ให้แสดง breadcrumb ของไฟล์และแถบเครื่องมือของ GitHub โดยใส่รายการ breadcrumb/ไฟล์จำนวน 3 รายการ ได้แก่ ตัวเลือก branch ที่ระบุว่า “main”, ชื่อ repository “GPT-Image2-Skill” และชื่อไฟล์ “README.zh.md” ด้านล่างให้แสดงปุ่มแท็บ 3 ปุ่มทางด้านซ้าย ได้แก่ “Preview”, “Code” และ “Blame” ตามด้วยข้อความเมทาดาตาขนาดเล็กที่อ่านได้ประมาณว่า “2865 lines (2093 loc) · 204 KB” ทางด้านขวาของแถบเครื่องมือ ให้ใส่ปุ่ม/ไอคอนการทำงานของ GitHub ขนาดเล็กจำนวน 6 ปุ่ม รวมถึงปุ่ม “Raw” รักษาความคมชัดของ UI ให้ดูมืดและสมจริง เนื้อหา README: บนหน้าเพจสีเข้ม ให้วางหัวข้อภาษาจีนตัวหนาสีขาวสั้นๆ ไว้ใกล้ด้านซ้ายบนของพื้นที่เนื้อหาว่า: “宋代社交媒体动态” ด้านล่างและทางขวาของหัวข้อนี้ ให้แสดงภาพจำลองสมาร์ทโฟนแนวตั้ง 1 ภาพ หัวข้อภาพจำลองโทรศัพท์: ภาพจำลองโทรศัพท์เป็นหน้าจอแอปโซเชียลมีเดียในธีมราชวงศ์ซ่งชื่อ "宋朝朋友圈” มีพื้นหลังสีซีเปียอมดำที่ดูอบอุ่น ตัวอักษรสีทอง พื้นผิวหนังแกะ และสุนทรียศาสตร์ทางประวัติศาสตร์ที่ดูมีอารมณ์ ที่ด้านบนของหน้าจอโทรศัพท์ให้แสดงแถบสถานะที่มีองค์ประกอบสถานะที่มองเห็นได้ชัดเจน 4 รายการ: ข้อความผู้ให้บริการ “大宋移动 5G”, ข้อความระบุยุคสมัยตรงกลาง “元丰三年”, เปอร์เซ็นต์แบตเตอรี่ “88%” และไอคอนแบตเตอรี่ ด้านล่างนั้น ให้แสดงองค์ประกอบการนำทาง/ส่วนหัว 3 รายการ: ลูกศรย้อนกลับทางซ้าย, ชื่อเรื่องขนาดใหญ่ “宋朝朋友圈” ตรงกลาง และไอคอนกล้องทางด้านขวา รายละเอียดโพสต์โซเชียล: แสดงโพสต์จำนวน 1 โพสต์ โพสต์มีรูปโปรไฟล์สี่เหลี่ยม 1 รูปทางด้านซ้าย เป็นภาพวาดบุคคลสมัยราชวงศ์ซ่งที่ใบหน้าถูกเบลออย่างนุ่มนวล ทางด้านขวาของรูปโปรไฟล์ ให้แสดงบรรทัดชื่อผู้ใช้ "苏东坡 SuShi_Official” ด้านล่างให้ใส่ข้อความโพสต์เป็นภาษาจีนว่า: “刚到黄州，虽被贬但心情尚可。今日亲手做了东坡肉，味道绝佳。食谱见下图。” โดยเรนเดอร์ข้อความเป็นตัวอักษร UI แบบพู่กันสีทองอมขาวนวล รูปภาพในโพสต์: ใต้ข้อความ ให้แสดงการ์ดรูปภาพขนาดใหญ่ 1 รูปที่จัดสไตล์เหมือนภาพวาดจีนโบราณบนกระดาษหนัง โดยแสดงภาพจานศิลาดลสีซีดที่วางบล็อกสี่เหลี่ยมของหมูสามชั้นตงปอที่มันวาว ผูกด้วยเส้นสีเขียวเข้ม วางอยู่ในซอสสีน้ำตาล การ์ดรูปภาพยังมีอักษรพู่กันจีนแนวตั้งทางด้านซ้าย ตราประทับสีแดงขนาดเล็ก และรายละเอียดภูมิทัศน์ด้วยหมึกจางๆ หรือกิ่งไม้ที่พื้นหลังด้านบน ภาพประกอบอาหารควรดูเหมือนภาพวาด เหมือนต้นฉบับในพิพิธภัณฑ์ผสมผสานกับการเรนเดอร์อาหารที่สมจริง พื้นที่การมีส่วนร่วม: ใต้การ์ดอาหาร ให้แสดงแถวการกดถูกใจ 1 แถวที่มีไอคอนสัญลักษณ์วงกลมสีแดงขนาดเล็ก และชื่อ/ข้อความภาษาจีนที่อ่านได้ประมาณว่า “黄庭坚、秦观、佛印等 126 人觉得赞” ด้านล่างนั้น ให้เริ่มแถวความคิดเห็นที่มองเห็นได้ 1 แถวพร้อมรูปโปรไฟล์ขนาดเล็กและข้อความ “王安石：呵呵” ซึ่งถูกตัดออกบางส่วนใกล้ขอบด้านล่างของหน้าจอโทรศัพท์ สไตล์ภาพ: ภาพหน้าจอโดยรวมควรดูเหมือนตัวอย่าง GitHub README จริงที่มีตัวอย่าง UI ที่สร้างขึ้น ใช้สี GitHub โทนเข้ม ตัวคั่นที่ละเอียดอ่อน ข้อความอินเทอร์เฟซสีขาวเทาขนาดเล็ก และคอนทราสต์สูง ภาพจำลองโทรศัพท์ที่ฝังอยู่ควรดูอบอุ่น มีความเป็นภาพยนตร์ มีกลิ่นอายจีนโบราณ ได้รับแรงบันดาลใจจากกระดาษหนังและหมึก พร้อมขอบมืด (vignetting) ที่นุ่มนวลและเงาที่สมจริง ข้อจำกัด: ให้ภาพสุดท้ายเป็นภาพหน้าจอของหน้า GitHub ไม่ใช่แค่ UI โทรศัพท์เท่านั้น ให้ใส่ภาพจำลองโทรศัพท์ที่ฝังอยู่เพียง 1 ภาพ, โพสต์โซเชียล 1 โพสต์, รูปโปรไฟล์ 1 รูป, รูปภาพอาหาร 1 รูป, แถวการกดถูกใจ 1 แถว และแถวความคิดเห็นที่มองเห็นได้ 1 แถว ห้ามเพิ่มแผงควบคุมเพิ่มเติม, โพสต์เพิ่มเติม, ลายน้ำ หรือคำบรรยายอธิบายใดๆ นอกเหนือจากข้อความ GitHub และ README ที่ระบุไว้