ตัวอย่างการทำ Annotation บนเว็บแอปแบบ Local

สร้างตัวอย่างพรีวิวเว็บแอปแบบ localhost ที่สมจริง โดยแสดงเลเยอร์การทำ Annotation เพื่อขอปรับปรุง UI ในขั้นตอนการทำงานของ Build Web Apps

พรอมต์
โดยใช้ REFERENCE_0 เป็นบริบท ให้สร้างภาพหน้าจอต่อเนื่องที่แสดงเครื่องมือ “Build Web Apps” ขณะใช้งานจริงในรูปแบบพรีวิวเว็บแอปแบบ local แทนที่มุมมองรายการปลั๊กอินด้วยพื้นที่ทำงานแบบเบราว์เซอร์ที่ 127.0.0.1:4392 โดยใช้ UI สีขาวสะอาดตา เงาที่นุ่มนวล และแผงหน้าต่างแบบขอบมน การเปลี่ยนแปลงหลัก: แสดงอินเทอร์เฟซสำหรับการสร้างแอป/การทำ Annotation แทนที่ไดเรกทอรีปลั๊กอินเดิม เพิ่มแถบด้านบนที่มีที่อยู่ local ทางด้านซ้าย และไอคอนหน้าต่าง/ควบคุมขนาดเล็ก 3 ไอคอนทางด้านขวา เพิ่มแถบสถานะการทำ Annotation สีน้ำเงินที่มุมขวาบนพร้อมข้อความ 正在注释 และเมนูจุดสามจุดแนวตั้งข้างๆ พื้นที่เนื้อหา: สร้าง UI สไตล์แกลเลอรีที่มีการออกแบบโปสเตอร์/การ์ดภาษาจีนภายในแผงสีขาวขอบมน รวมแถบเครื่องมือด้านซ้ายที่มีปุ่มค้นหาและปุ่มแสดงความคิดเห็น/Annotation สีน้ำเงินพร้อมป้ายกำกับ “1” แสดงภาพตัวอย่างโปสเตอร์/การ์ดอย่างน้อยสองภาพ โดยใช้สไตล์ภาพแบบจีนดั้งเดิมโทนสีน้ำตาลเข้ม และเว้นพื้นที่ว่างแบบตารางหมากรุกสำหรับวางภาพในแผงด้านขวา ส่วนซ้อนทับ (Overlay): วางกล่องข้อความสำหรับใส่ Annotation แบบลอยตัวขนาดใหญ่ไว้ตรงกลางค่อนไปทางด้านบนของเนื้อหา โดยให้มีลักษณะเหมือนตัวแก้ไขความคิดเห็น AI แบบอินไลน์ พร้อมไอคอนตัวเลื่อน/การตั้งค่าทางด้านซ้าย ข้อความคำสั่งภาษาจีน 这个按钮的视觉和整体设计不符合,调整一下。 ปุ่ม “取消” (ยกเลิก) ไอคอนไมโครโฟนขนาดเล็ก และปุ่มยืนยันวงกลมสีดำพร้อมเครื่องหมายถูกสีขาว ด้านล่างของแผงพรีวิวทางขวา: เพิ่มปุ่มการทำงาน 3 ปุ่มที่ระบุว่า “Open”, “Folder” และ “Path” โดยแต่ละปุ่มจะมีไอคอนเส้นแบบเรียบง่ายกำกับอยู่ รักษาความสมจริงของภาพหน้าจอให้เหมือนกับตัวอย่างการใช้งานจริงของ Build Web Apps ร่วมกับการทำ HTML Annotation เพื่อขอปรับปรุง UI

ภาพอ้างอิง

วิธีใช้ prompt นี้

  1. 1

    คัดลอก prompt เต็มด้านบน

  2. 2

    เปิดแพลตฟอร์มที่รองรับ GPT Image 2 เช่น YouMind แล้ววาง prompt ลงไป

  3. 3

    เปลี่ยนหัวข้อ สไตล์ หรือรายละเอียดให้ตรงไอเดียของคุณ แล้วสร้าง

นี่คือ AI prompt ฟรีจากคลัง prompt ของ YouMind สำรวจ ภาพ prompt อีกนับพันรายการ ทั้งหมดคัดลอกและปรับใช้ได้ฟรี

ดู ภาพ prompt เพิ่มเติม

ฟีเจอร์พรอมต์เพิ่มเติม

คลัง AI

ค้นหา prompt ด้วย AI

ให้ AI ช่วยค้นหา prompt หลายหมื่นรายการ กรองตามโมเดล ช่วงเวลา คีย์เวิร์ด และจัดเรียงตามยอดมีส่วนร่วม เช่น ยอดวิว ยอดบันทึก ยอดแชร์ และอื่นๆ

เครื่องมือด้านภาพ

รูปภาพเป็นพรอมต์

เปลี่ยนรูปภาพใดก็ได้ให้เป็นพรอมต์ภาพ AI แบบละเอียด เครื่องมือแปลงรูปภาพเป็นพรอมต์ฟรีจะวิเคราะห์องค์ประกอบ สไตล์ และแสง ให้คุณสร้างลุคเดิมซ้ำได้ในไม่กี่วินาที

สร้างมาเพื่อครีเอเตอร์ ฟรีตลอดไป

YouMind คือผู้ช่วยสร้างสรรค์ AI ที่ครีเอเตอร์ทั่วโลกไว้วางใจ ทุกพรอมต์ที่นี่คัดสรรมาเพื่อช่วยให้คุณสร้างสรรค์ได้ดีและเร็วขึ้น