UI สำหรับเครื่องมือสร้าง Prompt สไตล์อนิเมะโทนเข้ม

A detailed prompt for generating a dark desktop AI prompt tool interface with an anime concert preview and Mio-style agent chat workflow.

เป้าหมาย: สร้างภาพหน้าจอแอปพลิเคชันเดสก์ท็อปโทนเข้มสำหรับ {argument name="app name" default="AIPS BABEL // Prompt Foundry"} โดยแสดงเครื่องมือสร้าง Prompt สำหรับรูปภาพ AI พร้อมระบบแชทผู้ช่วยอนิเมะและหน้าต่างแสดงตัวอย่างรูปภาพที่สร้างขึ้น

พื้นที่แสดงผล: หน้าต่างเดสก์ท็อปแบบไวด์สกรีน 16:9 ขนาดประมาณ 1200×760 สไตล์ UI ที่คมชัด ธีมสีเทาเข้มตัดกับขอบสีน้ำเงินอมเทาบางๆ และปุ่มเน้นสีทอง รวมแถบชื่อเรื่องสไตล์ Windows ไว้ที่ด้านบนสุดพร้อมไอคอนย่อ ขยาย และปิด

เลย์เอาต์: แบ่งอินเทอร์เฟซออกเป็น 2 คอลัมน์หลัก คอลัมน์ซ้ายเป็นแผงแสดงตัวอย่างรูปภาพขนาดใหญ่ซึ่งกินพื้นที่ประมาณหนึ่งในสามของความกว้าง คอลัมน์ขวาเป็นพื้นที่ทำงานสำหรับ Prompt/แชท ซึ่งกินพื้นที่ประมาณสองในสามของความกว้าง เพิ่มแถบนำทางด้านบนของแอป, แถบแท็บเหนือหน้าต่างแสดงตัวอย่างด้านซ้าย, แถบหัวข้อแชทเหนือพื้นที่ทำงานด้านขวา, พื้นที่ข้อความที่เลื่อนได้ตรงกลาง, ภาพตัวอย่างขนาดเล็กใต้ข้อความ และแถบควบคุม/ป้อนข้อมูลที่ด้านล่าง

แถบนำทางด้านบน: ที่ด้านซ้ายบนให้แสดงชื่อแอป “AIPS BABEL” เพิ่มแท็บโหมด 3 แท็บ ได้แก่ “Text Prompt Mode”, “Analysis” และ “Mio Mode” ที่เน้นด้วยสีทอง ในพื้นที่ตรงกลาง/ด้านบนให้ใส่ช่องข้อความสีดำยาวๆ ที่ดูเหมือนถูกเซ็นเซอร์ไว้ ที่ด้านขวาให้เพิ่มปุ่มควบคุม 5 ปุ่ม ได้แก่ “Save Config” สีเขียว, “Load Config” สีเทา, “Reset Window” สีเทา, “UI Scale: 100%” พร้อมปุ่มดรอปดาวน์สีทองเล็กๆ และ “Options” สีเทา

แผงแสดงตัวอย่างด้านซ้าย: แสดงภาพประกอบคอนเสิร์ตอนิเมะแนวตั้งที่ครอบคลุมพื้นที่เกือบทั้งหมดของบานหน้าต่างด้านซ้าย ตัวละครคือ {argument name="character description" default="สาวน้อยม้าไอดอลสไตล์อนิเมะที่มีผมทวินเทลสีน้ำตาล หูสัตว์ หางยาว ชุดไอดอลนักแข่ง กางเกงขาสั้น ถุงมือ และเลกกิ้งสีเขียว"} เธอถูกถ่ายจากมุมต่ำที่ดูน่าตื่นตาจากด้านหลัง/ด้านข้าง ขณะกำลังแสดงโดยยืดแขนข้างหนึ่งออก ยืนอยู่บนขอบเวทีที่มันวาวภายใต้แสงสปอตไลท์สีน้ำเงินขาวที่เข้มข้น พื้นหลังเป็นสถานที่จัดคอนเสิร์ตโทนเข้มที่มีแท่งไฟสีน้ำเงินและละออง/กระดาษโปรย ภาพควรดูเหมือนภาพอาร์ตเวิร์กอนิเมะคุณภาพสูงที่มีแสงแบบภาพยนตร์ เหนือหน้าต่างแสดงตัวอย่าง ให้ใส่ชื่อแท็บสไตล์เบราว์เซอร์เป็นภาษาญี่ปุ่น: “Mio - スポットライトを浴びてポーズを決めるジャングルポケットの躍動感あるライブショット (3/3)...” พร้อมปุ่มปิดเล็กๆ

หัวข้อพื้นที่ทำงานด้านขวา: ตั้งชื่อแผงว่า “Mio Mode — Agent Chat” ที่ด้านขวาสุดให้แสดงสถานะ “STANDBY” และปุ่ม 2 ปุ่ม ได้แก่ “Log” และ “Clear Chat”

พื้นที่ข้อความ: ใช้แผงแชทโทนเข้มที่เลื่อนได้พร้อมข้อความ Prompt ภาษาญี่ปุ่นที่ด้านบน ตามด้วยการ์ด Prompt ขนาดใหญ่ 2 ใบที่มีหัวข้อภาษาญี่ปุ่นสีเขียวและเนื้อหา Prompt ภาษาอังกฤษแบบ Monospace การ์ดใบแรกควรบรรยายถึงช็อตการแสดงสดที่เปี่ยมไปด้วยพลังของ Jungle Pocket จาก Uma Musume บนเวทีคอนเสิร์ตขนาดใหญ่ องค์ประกอบภาพแบบภาพยนตร์มุมกว้าง แสงสีสันสดใส สปอตไลท์ที่ส่องผ่านหมอกควัน ผู้ชมที่เบลอ และการถ่ายภาพระดับมืออาชีพ การ์ดใบที่สองควรเป็นเวอร์ชันที่เลือก/เวอร์ชันสุดท้าย และรวมแท็กคุณภาพ เช่น “masterpiece, best quality, highres, absurdres, newest, score_8, score_9” และช็อตแอ็กชันบนเวทีจากมุมต่ำ ใต้การ์ด Prompt ให้วางปุ่มแอ็กชันขนาดเล็ก 3 ปุ่มที่ติดป้ายกำกับเป็นภาษาญี่ปุ่น: “コピー”, “再生成” และ “削除” สีแดง

ส่วนภาพตัวอย่างขนาดเล็ก: ใต้การ์ดแชทให้แสดงภาพตัวอย่างขนาดเล็กที่สร้างขึ้น 2 ภาพ ภาพซ้ายเป็นภาพอนิเมะเวทีคอนเสิร์ตกว้างๆ ที่มีแสงสีม่วงแดงและสีน้ำเงิน ภาพขวาเป็นการครอปแนวตั้งที่ตรงกับหน้าต่างแสดงตัวอย่างขนาดใหญ่ด้านซ้าย ภาพตัวอย่างแต่ละภาพมีคำบรรยายภาษาญี่ปุ่นอยู่ด้านล่าง ภาพซ้ายขึ้นต้นด้วย “ステージで躍動するジャングルポケットのダイナミックなライ...” และภาพขวาขึ้นต้นด้วย “スポットライトを浴びてポーズを決めるジャングルポケット...”

ส่วนควบคุมด้านล่าง: สร้างแถบการตั้งค่าแนวนอนหนึ่งแถบที่มีปุ่มควบคุมที่มองเห็นได้ 8 ปุ่ม ได้แก่ “Anima” (เช็คถูก), “Hires” (เช็คถูก), ป้ายกำกับคุณภาพ “品質: 標準 (30/4.0)” พร้อมดรอปดาวน์สีทอง, ป้ายกำกับขนาด “サイズ: 中 (1280×720)” พร้อมดรอปดาวน์สีทอง, ป้ายกำกับทิศทาง “向き: お任せ” พร้อมดรอปดาวน์สีทอง, ป้ายกำกับสไตล์ “Style: FLUX (自然文)” พร้อมดรอปดาวน์สีทอง, ป้ายกำกับจำนวน “枚数: 2” พร้อมดรอปดาวน์สีทอง และป้ายกำกับ “AnimaDex” สีเขียวเล็กๆ ด้านล่างให้ใส่ช่องป้อนข้อมูลสีดำยาวๆ ที่ว่างเปล่า และที่ด้านขวาให้ใส่ปุ่มวางซ้อนกัน 2 ปุ่ม ได้แก่ “SEND” สีทอง และ “STOP” สีแดง

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

ข้อจำกัด: ห้ามใส่แผงเพิ่มเติมเกินกว่าเลย์เอาต์ที่อธิบายไว้ รักษาการผสมผสานระหว่างป้ายกำกับ UI ภาษาอังกฤษและป้ายกำกับ Prompt ภาษาญี่ปุ่นที่มองเห็นได้ อินเทอร์เฟซควรดูเหมือนเครื่องมือ Prompt Foundry สไตล์ ComfyUI ในเครื่อง มากกว่าที่จะเป็นเว็บไซต์

แปลด้วยเครื่อง — ต้นฉบับคือพรอมต์ที่สร้างผลงานนี้

✨ สร้าง บันทึก คัดลอกพรอมต์ แชร์ โพสต์ต้นฉบับ เปิดใน Hitboard