วางแผนก่อนพิมพ์
ปัญหาที่เจอบ่อยที่สุดคือเริ่มสร้างก่อนรู้ว่าจะสร้างอะไร เขียน 3 อย่างนี้ลงกระดาษก่อน: แอปนี้ใช้ทำอะไร ใครใช้ และมีหน้าจอหลักอะไรบ้าง (ไม่เกิน 3 หน้าในรอบแรก)
สร้างเว็บหรือแอปแรกโดยไม่เขียนโค้ดด้วย Lovable
วางแผนหน้าจอก่อน เขียนคำสั่งแรกให้ครบ แล้วแก้ทีละจุดผ่านแชทและการคลิกแก้บนหน้าเว็บ จนกดเผยแพร่ได้
เหมาะกับ: เจ้าของธุรกิจและคนมีไอเดียที่อยากได้เว็บใช้งานจริงโดยไม่ต้องจ้างโปรแกรมเมอร์
เนื้อหาและ Prompts
ขั้นตอน
- สร้างโปรเจกต์ใหม่ แล้วพิมพ์คำสั่งแรกตาม Prompt ด้านล่าง คำสั่งแรกคือพิมพ์เขียวของทั้งงาน ยิ่งชัดยิ่งแก้น้อย
- ดูตัวอย่างฝั่งขวา แล้วสั่งแก้ทีละเรื่อง เช่น "ปุ่มสั่งซื้อให้ใหญ่ขึ้นและเป็นสีเขียว"
- ข้อความหรือสีเล็กๆ คลิกแก้บนตัวอย่างได้โดยตรง ไม่ต้องเปลืองการสั่งงาน
- ถ้าต้องมีระบบล็อกอินหรือเก็บข้อมูล ให้เพิ่มทีหลังเมื่อหน้าตาลงตัวแล้ว
- ทดสอบบนมือถือ แล้วกดเผยแพร่
Prompt
คำสั่งแรกแบบพิมพ์เขียว
เติมให้ครบก่อนส่ง
สร้าง [ประเภทเว็บ เช่น เว็บรับจองคิวร้านทำเล็บ] ผู้ใช้: [ใครใช้ และใช้ทำอะไร] หน้าจอ: 1. [หน้าที่ 1 และสิ่งที่อยู่ในหน้า] 2. [หน้าที่ 2] 3. [หน้าที่ 3] สไตล์: [สี อารมณ์ ตัวอย่างเว็บที่ชอบ] ข้อความบนเว็บเป็นภาษาไทย ใช้งานบนมือถือได้ดี รอบแรกยังไม่ต้องมีระบบล็อกอิน
ตัวแปร: [ประเภทเว็บ], [ใครใช้], [หน้าจอ], [สไตล์]
Prompt
แก้บั๊กแบบไม่วนลูป
ใช้เมื่อสั่งแก้แล้วยังไม่หาย
ปัญหา: [อธิบายสิ่งที่เกิด] สิ่งที่ควรเกิด: [สิ่งที่ต้องการ] ขั้นตอนทำให้เกิด: [กดอะไรตามลำดับ] ก่อนแก้ ให้อธิบายสาเหตุที่น่าจะเป็นและแผนแก้ก่อน แล้วรอฉันยืนยัน แก้เฉพาะจุดนี้ ห้ามเปลี่ยนส่วนอื่น
ตัวแปร: [อธิบายสิ่งที่เกิด], [สิ่งที่ต้องการ], [กดอะไรตามลำดับ]
เคล็ดลับ
- เก็บกฎของงาน เช่น สีแบรนด์ ฟอนต์ ภาษา ไว้ในส่วนความรู้ของโปรเจกต์ จะได้ไม่ต้องบอกซ้ำ
- สั่งทีละเรื่อง ดีกว่าสั่ง 5 เรื่องในข้อความเดียว
ข้อควรระวัง
- อย่าเก็บข้อมูลบัตรเครดิตหรือข้อมูลส่วนตัวสำคัญในแอปที่ยังไม่ได้ตรวจความปลอดภัย
- จำนวนการสั่งงานต่อเดือนขึ้นกับแพ็กเกจ วางแผนก่อนสั่งงานใหญ่
เครื่องมือ AI ที่ใช้
สินค้าแนะนำ
Playbook ที่เกี่ยวข้อง
ระบบอัตโนมัติแรกด้วย n8n: ให้ AI ตอบและบันทึกงานแทน
ต่อแอปที่ใช้อยู่ให้ทำงานเองเมื่อมีเหตุการณ์เกิดขึ้น ใส่ AI เป็นขั้นหนึ่งในระบบ และคุมจำนวนครั้งที่รันให้อยู่ในแพ็กเกจ
เขียนโค้ดแบบสั่งงาน AI Agent ด้วย Antigravity และ Warp
สั่งงานเป็นเป้าหมาย ให้ Agent เสนอแผน แก้โค้ด และทดสอบให้ คุณเป็นคนตรวจแผนและผลก่อนยอมรับ ใช้ Warp ให้ Terminal เข้าใจภาษาคน