แก้ข้อความ รูป สี และ Section ด้วย AI
หลังจากแปลงเป็น Next.js แล้ว ให้สั่ง AI แบบเจาะจงขึ้น
การสั่งแบบเจาะจงช่วยลดความเสี่ยงที่ AI จะเปลี่ยนโค้ดส่วนอื่นโดยไม่จำเป็น และทำให้คุณตรวจผลลัพธ์ได้ง่ายขึ้น
ตัวอย่าง Prompt แก้ Hero
Text
ช่วยแก้ Hero Section ให้ข้อความดูขายมากขึ้น
กลุ่มเป้าหมายคือเจ้าของธุรกิจ SME
ขอ Headline 5 แบบ และเลือกแบบที่เหมาะที่สุดมาใส่ใน Component Hero.tsxตัวอย่าง Prompt ปรับสี
Text
ช่วยปรับสีของเว็บให้ใช้โทนส้ม ขาว ดำ ดูพรีเมียมขึ้น
แต่ยังต้องอ่านง่ายบนมือถือตัวอย่าง Prompt เพิ่ม FAQ
Text
ช่วยเพิ่ม FAQ Section จำนวน 6 คำถาม
เน้นตอบข้อกังวลของลูกค้าที่อยากจ้างทำเว็บไซต์| งานที่ต้องการ | ควรส่งข้อมูลอะไรให้ AI |
|---|---|
| แก้ข้อความ Hero | กลุ่มเป้าหมาย, Offer, CTA, ข้อความเดิม |
| ปรับสี | สีหลัก สีรอง ตัวอย่าง mood และจุดที่ต้องการให้ CTA เด่น |
| เพิ่ม FAQ | ข้อกังวลของลูกค้า, บริการที่ขาย, น้ำเสียงที่ต้องการ |
| แก้ Responsive | ขนาดหน้าจอที่พัง, ภาพหรือข้อความที่ล้น, ไฟล์ Component ที่เกี่ยวข้อง |
| แก้ Error | คำสั่งที่รัน, Error หลัก, ไฟล์ที่เพิ่งแก้ |