1. เริ่มจากงานที่แอปต้องช่วยให้สำเร็จ
ถ้าคุณอยากใช้ Codex สร้างเว็บแอป คำถามแรกที่ควรตอบคือ ใครจะใช้แอป และเมื่อใช้งานแล้วเขาต้องทำอะไรสำเร็จ บทความนี้ใช้ตัวอย่างร้านบริการที่ต้องการรับจองคิว เพื่อให้เห็นวิธีเปลี่ยนความต้องการเป็นโจทย์ที่ตรวจสอบได้
เริ่มรุ่นแรกด้วยการเลือกบริการ เลือกเวลาว่าง และบันทึกการจอง ส่วนระบบสมาชิกสะสมแต้มและหลายสาขาค่อยเพิ่มเมื่อขั้นตอนหลักทำงานครบ วิธีนี้ช่วยให้คุณรู้ว่ากำลังทดสอบอะไรและตัดสินใจเรื่องขอบเขตได้ง่ายขึ้น
Master Prompt ของ AgentCraft AI เป็นเอกสารตั้งต้นสำหรับสั่งพัฒนาระบบ คุณยังต้องตรวจงาน ตั้งค่าบัญชีจริง และทดสอบก่อนเปิดให้ลูกค้าใช้ การดาวน์โหลด Prompt ฟรีไม่ได้รวมค่าใช้งาน Codex หรือบริการภายนอก
- ผู้ใช้: ลูกค้าที่จองคิว และเจ้าของร้านที่จัดตาราง
- งานหลัก: จองเวลาโดยไม่ซ้ำกับรายการเดิม
- เงื่อนไขสำเร็จ: บันทึกแล้วเปิดกลับมาพบรายการ และบัญชีอื่นดูข้อมูลที่ไม่มีสิทธิ์ไม่ได้
2. เปิด Codex ในโฟลเดอร์โปรเจกต์ที่ถูกต้อง
ในแอปเดสก์ท็อป ให้เข้าสู่ระบบ เลือก Codex สำหรับงานพัฒนาซอฟต์แวร์ และเปิดโฟลเดอร์ของแอปที่จะสร้าง ตามแนวทาง Quickstart ของ OpenAI หากคุณใช้ Codex ผ่าน CLI หรือส่วนขยายในตัวแก้ไขโค้ด ให้ตรวจว่าไดเรกทอรีที่เปิดเป็นโปรเจกต์เดียวกัน ชื่อเมนูอาจต่างกันตามเวอร์ชัน
โปรเจกต์ใหม่ควรมีโฟลเดอร์ของตัวเอง หากเป็นเว็บเดิม ให้บอก Codex ว่าส่วนใดทำงานอยู่แล้วและต้องเก็บไว้ ตรวจสถานะ Git ก่อนเริ่ม เพื่อแยกงานที่มีอยู่จากการเปลี่ยนแปลงรอบใหม่
ช่วยตรวจโปรเจกต์นี้และสรุปฟีเจอร์ที่ทำงานแล้ว
ฉันต้องการเพิ่มระบบจองคิวโดยเก็บหน้าหลักและระบบล็อกอินเดิมไว้
เสนอขอบเขตรุ่นแรก พร้อมเงื่อนไขทดสอบที่วัดผลได้ ก่อนเริ่มแก้โค้ด3. รับ Prompt แล้วแก้ PROJECT CONFIGURATION
ไปที่ส่วน Master Prompt บนหน้าแรก กด Copy หรือดาวน์โหลดไฟล์ .md แล้วนำเนื้อหาทั้งหมดไปวางในงาน Codex ของโปรเจกต์ แก้ส่วน PROJECT CONFIGURATION ให้ตรงกับธุรกิจ โดยเฉพาะ APP_NAME, APP_DESCRIPTION และ MAIN_BUSINESS_FEATURES
ตัวอย่างด้านล่างเป็นเฉพาะส่วนตั้งค่า ให้นำไปแทนค่าที่เกี่ยวข้องใน Prompt ฉบับเต็ม อย่าลบข้อกำหนดด้านสิทธิ์ข้อมูล การทดสอบ และการส่งมอบที่อยู่ในส่วนอื่น คุณใช้เครื่องมือปรับ Prompt บนหน้าแรกเพื่อสร้างไฟล์ฉบับของคุณได้ด้วย
APP_NAME: Queue Studio
APP_DESCRIPTION: เว็บจองคิวสำหรับร้านบริการหนึ่งสาขา ลูกค้าเลือกบริการและเวลาว่าง เจ้าของร้านจัดตารางและตรวจรายการจองได้
MAIN_BUSINESS_FEATURES:
- แสดงบริการ ระยะเวลา และช่วงเวลาว่าง
- สร้างการจองและป้องกันคิวซ้อน
- ให้ลูกค้าดูและยกเลิกการจองของตนเอง
- ให้เจ้าของร้านจัดการเวลาทำการและวันหยุด
- AI ตอบคำถามจากข้อมูลบริการที่อนุญาตให้เปิดเผย4. ให้ Codex พัฒนาตาม 6 Phases และแสดงผลที่ตรวจได้
Prompt ฉบับที่แจกแบ่งงานเป็น Foundation, Database & Auth, Business App, AI Integration, Hardening และ Release ให้ Codex ทำตามลำดับและรายงานสิ่งที่ตรวจได้จริง เช่น migration ที่รันแล้ว test ที่ผ่าน และ URL ที่เปิดทดลองได้
สำหรับระบบจองคิว อย่าเริ่มจากหน้าจอครบทุกหน้าเพียงอย่างเดียว ให้ทำหนึ่งเส้นทางจนจบ: เลือกบริการ → เลือกเวลา → ยืนยัน → อ่านรายการจากฐานข้อมูลกลับมา แล้วจึงเพิ่มการยกเลิกและหน้าจัดการร้าน
เมื่อเพิ่ม AI ให้กำหนดว่าตอบจากข้อมูลใดและใครมีสิทธิ์อ่าน ข้อมูลตัวอย่างในหน้าจอไม่ยืนยันว่าฐานข้อมูลหรือ AI เชื่อมต่อแล้ว หากใช้ข้อมูลจำลอง ให้ Codex ระบุจุดนั้นอย่างชัดเจน
พัฒนาตาม Phase ที่ยังไม่เสร็จใน Master Prompt
หลังจบแต่ละช่วง รายงานฟีเจอร์ที่ใช้งานได้ ไฟล์สำคัญที่เปลี่ยน และผลตรวจที่รันจริง
แยกส่วนที่ใช้ข้อมูลจำลอง ส่วนที่เชื่อมบริการจริง และสิ่งที่ยังติดบัญชีหรือสิทธิ์
อย่าสรุปว่าพร้อมเปิดใช้งานจากการ build ผ่านเพียงอย่างเดียว5. ทดลองทั้งเส้นทางปกติและกรณีผิดพลาด
ลองใช้งานด้วยข้อมูลทดสอบจากมุมของลูกค้าและเจ้าของร้าน การเห็นข้อความจองสำเร็จยังไม่พอ ต้องโหลดหน้าใหม่แล้วพบข้อมูลเดิม และตรวจว่าการส่งคำขอซ้ำไม่สร้างรายการซ้อน
สั่ง Codex ตรวจ scripts ใน package.json และใช้คำสั่งที่มีอยู่จริงของโปรเจกต์ หากยังไม่มี test สำหรับกฎธุรกิจสำคัญ ให้เพิ่มก่อนสรุปผล การทดสอบอัตโนมัติควรเสริมการลองใช้บนมือถือและคอมพิวเตอร์
- เลือกเวลาที่เต็มแล้ว: ระบบต้องไม่รับคิวเพิ่ม
- ลูกค้าคนที่สองเปิดรายการของคนแรก: ต้องถูกปฏิเสธ
- กดส่งซ้ำหรือเครือข่ายช้า: ไม่สร้างการจองซ้ำ
- AI หรือฐานข้อมูลไม่พร้อม: แสดงข้อความที่เข้าใจได้และไม่เปิดเผยรายละเอียดภายใน
6. เชื่อมบัญชีจริง แล้วตรวจซ้ำหลัง Deploy
Stack ใน Master Prompt ใช้ GitHub, Cloudflare และ Supabase ให้เชื่อมบัญชีเมื่อถึงส่วนที่ต้องใช้ ตั้งค่า secrets ในไฟล์ที่ Git ไม่ติดตามหรือระบบ Environment Variables ของผู้ให้บริการ ไม่วาง token ลงใน Prompt หรือคอมมิตขึ้น repository
หลัง deploy ตรวจเส้นทางจองจริงบนโดเมนปลายทาง รวมถึงสิทธิ์ผู้ใช้ การแจ้งข้อผิดพลาด และวิธีกู้ข้อมูล หากมีการชำระเงินให้เริ่มด้วยระบบทดสอบของผู้ให้บริการก่อนเปิดเงินจริง
ผลลัพธ์ที่ควรได้รับไม่ใช่แค่ลิงก์เว็บ แต่มีวิธีเริ่มโปรเจกต์ รายการตัวแปรที่ต้องตั้งค่า วิธีทดสอบ และข้อจำกัดที่ยังเหลือ หาก Codex หยุดกลางทาง อ่านคู่มือสั่งทำงานต่อด้านล่างเพื่อกลับมาทำจากจุดเดิม
แหล่งอ้างอิงและขอบเขต
ตรวจเอกสารทางการเมื่อ 12 ตุลาคม 2026 ขั้นตอนตัวอย่างและโจทย์ธุรกิจจัดทำโดย AgentCraft AI ไม่ใช่เอกสารของ OpenAI และไม่ได้รับประกันผลลัพธ์ของทุกโปรเจกต์