Prompt Pattern สำหรับ Vibe Coding ที่ทำให้ AI แก้ถูกจุด
8 รูปแบบการสั่ง AI ที่ช่วยให้แก้ตรงจุด ไม่รื้อส่วนที่ใช้ได้อยู่แล้ว พร้อมตัวอย่าง prompt ก่อนและหลังจากงาน HR จริง
"แก้ปุ่มให้เป็นสีเขียวหน่อย" ฟังดูเป็นคำสั่งง่ายๆ แต่ผลที่ได้กลับเป็นปุ่มสีเขียวทั้งแอป หัวตารางเปลี่ยนสี และหน้า login ที่เคยดีอยู่แล้วเลื่อนผิดที่ ใครที่ vibe coding มาสักพักจะเจอสถานการณ์นี้บ่อย AI ไม่ได้ดื้อ มันแค่ตีความคำสั่งกว้างเกินไป บทความนี้รวม prompt pattern ที่ช่วยให้ AI แก้ตรงจุดและไม่ไปรื้อของที่ใช้ได้อยู่แล้ว
Prompt Pattern คืออะไร
Prompt pattern คือ "รูปแบบการสั่ง" ที่ใช้ซ้ำได้ เหมือนแม่แบบที่คุณเติมรายละเอียดลงไป ในงาน vibe coding สิ่งที่ AI ต้องรู้ทุกครั้งมีสามอย่าง คือ แก้ที่ไหน แก้อะไร และอะไรที่ห้ามแตะ ถ้าขาดข้อใดข้อหนึ่ง AI จะเดาเอง และการเดาในโปรเจกต์ที่มีหลายไฟล์มักกระทบส่วนอื่น ถ้าอยากเข้าใจพื้นฐานการเขียน prompt ทั่วไปก่อน อ่าน Prompt Engineering คืออะไร
8 Pattern ที่ใช้ได้ทันที
1. ระบุตำแหน่งและขอบเขต (Scope Lock)
บอกชื่อหน้า ชื่อส่วน หรือข้อความบนหน้าจอที่ต้องการแก้ แล้วตามด้วยสิ่งที่ห้ามเปลี่ยน เช่น "ในหน้าสรุปออเดอร์ เปลี่ยนเฉพาะปุ่ม 'ยืนยัน' เป็นสีเขียว อย่าแก้สีหรือ layout ส่วนอื่น"
2. หนึ่ง Prompt หนึ่งเรื่อง
การสั่งห้าเรื่องในข้อความเดียวทำให้ AI แก้หลายไฟล์พร้อมกัน ถ้ามีอะไรพังจะหาสาเหตุยาก แยกเป็นทีละเรื่อง ทดสอบ แล้วค่อยไปต่อ
3. อธิบายก่อน แก้ทีหลัง (Explain First)
สำหรับปัญหาที่ไม่แน่ใจ ให้สั่งว่า "อธิบายว่าส่วนนี้ทำงานยังไง และเสนอวิธีแก้ 2 แบบ ยังไม่ต้องแก้" คุณจะได้เลือกทางที่เข้าใจ แทนที่จะปล่อยให้ AI ลองผิดลองถูกในโค้ดจริง
4. สิ่งที่ทำ สิ่งที่คาด สิ่งที่เกิด
เวลาแจ้งปัญหา ใช้โครง "ฉันกด... คาดว่าจะเห็น... แต่เห็น..." โครงนี้ทำให้ AI รู้ทั้งขั้นตอนที่ทำซ้ำได้และเป้าหมายที่ถูกต้อง รายละเอียดเรื่องการอ่าน error อยู่ในบทความ Debug แอปที่ AI เขียน
5. อ้างอิงของที่มีอยู่
"ทำหน้ารายชื่อลูกค้าให้หน้าตาและการกรองเหมือนหน้ารายการสินค้า" AI จะใช้ component และสไตล์เดิม แอปจึงดูเป็นชุดเดียวกัน
6. ใส่เงื่อนไขว่า "เสร็จ" คืออะไร
ปิดท้าย prompt ด้วยเกณฑ์ที่ตรวจได้ เช่น "เสร็จเมื่อกรอกอีเมลผิดรูปแบบแล้วมีข้อความเตือนสีแดงใต้ช่อง และกดส่งไม่ได้"
7. ให้ AI สรุปสิ่งที่เปลี่ยน
ต่อท้ายทุกคำสั่งสำคัญด้วย "สรุปว่าแก้ไฟล์ไหนบ้างและเพราะอะไร" ช่วยให้คุณจับได้ทันทีถ้า AI ไปแตะส่วนที่ไม่ได้สั่ง
8. รู้จักหยุดและเริ่มใหม่
ถ้าสั่งแก้เรื่องเดิมสามรอบแล้วยังวน อย่าสั่งรอบที่สี่ด้วยคำเดิม ให้ย้อนกลับไปเวอร์ชันที่ดีล่าสุด แล้วเขียน prompt ใหม่ที่ชัดกว่า หรือเปิดบทสนทนาใหม่พร้อมสรุปสั้นๆ ว่าแอปทำอะไรและปัญหาคืออะไร เพราะบทสนทนาที่ยาวเกินไปมี context เก่าที่ทำให้ AI สับสน
ตัวอย่าง: HR บริษัทโลจิสติกส์ทำหน้าขอลางาน
เจ้าหน้าที่ HR สร้างหน้าให้พนักงานยื่นลาด้วย vibe coding แล้วพบว่าวันที่ลาเลือกย้อนหลังได้ prompt แรกที่เธอพิมพ์คือ "แก้เรื่องวันที่" ผลคือ AI เปลี่ยนรูปแบบวันที่ทั้งแอปเป็นแบบอื่น เธอย้อนเวอร์ชันแล้วเขียนใหม่ว่า:
"ในฟอร์มขอลางาน ช่อง 'วันเริ่มลา' ตอนนี้เลือกวันที่ผ่านมาแล้วได้ ต้องการให้เลือกได้ตั้งแต่วันนี้เป็นต้นไปเท่านั้น ห้ามเปลี่ยนรูปแบบการแสดงวันที่ในหน้าอื่น เสร็จเมื่อวันที่ผ่านมาแล้วกดเลือกไม่ได้ สรุปไฟล์ที่แก้ให้ด้วย"
ครั้งนี้ AI แก้เฉพาะจุดและบอกว่าแก้ไฟล์ไหน เธอเช็กได้ในไม่กี่นาที
AI แก้ได้แม่นเท่ากับที่คุณบอกได้ชัด
ข้อควรระวัง
- เวลาแปะ error หรือ log ให้ AI ตรวจก่อนว่าไม่มี API key, token หรือข้อมูลส่วนบุคคลของลูกค้าติดไปด้วย
- Prompt ที่สั่งให้ "ข้ามการตรวจสิทธิ์ชั่วคราว" เพื่อให้ฟีเจอร์ทำงาน มักกลายเป็นช่องโหว่ถาวร ถ้าต้องทำ ให้จดไว้และกลับมาแก้
- ข้อความที่คัดลอกมาจากเว็บอื่นอาจมีคำสั่งแฝง อ่านก่อนแปะทุกครั้ง
เริ่มต้นยังไง
- เปิดโน้ตหนึ่งไฟล์ เก็บ pattern ทั้ง 8 แบบเป็นแม่แบบที่เติมคำได้
- ในงานถัดไป ใช้ Scope Lock และเงื่อนไข "เสร็จ" ทุกครั้ง
- สังเกตว่า prompt แบบไหนทำให้ต้องสั่งซ้ำ แล้วปรับแม่แบบ
- แชร์แม่แบบให้เพื่อนร่วมทีมที่ทำ vibe coding เหมือนกัน
ทักษะการสื่อสารกับ AI ให้ชัดแบบนี้ใช้ได้กับงานแทบทุกสาย ถ้าอยากฝึกแบบมีโครงสร้าง ดูคอร์สที่เกี่ยวข้องได้ที่ หน้าคอร์สเรียนของ Plants.work หรือเริ่มจาก Vibe Coding ทำเว็บแอปเต็มระบบด้วย Claude Code