🇹🇭 ช้าก่อน! อย่าเพิ่งสั่ง AI เขียนโค้ด — รู้จัก Vibe Coding Framework: List → Rank → Plan
สรุปจากคลิปล่าสุดของช่อง Lin Davoy ต่อจากคลิปที่แล้วที่เราพาทำโปรแกรม ERP ร้านนวดเสร็จใน 1 วัน ใครดูแล้วไฟลุก อยากเปิดคอมสั่งน้อง AI เขียนโค้ดรันระบบเลย… ช้าก่อนค่ะ! การจับ AI มาเขียนแอปแบบไร้ทิศทาง มักจบที่บั๊กรวนและงานไม่ตรงปก สิ่งที่ควรทำก่อนคือหยิบกระดาษกับปากกา แล้วตกผลึกให้ชัดว่า “จริงๆ แล้วเราต้องการอะไร”
Vibe Coding Framework เป็นวิธีคิดที่ลินใช้เอง มีแค่ 3 สเต็ป คือ List (ลิสต์สิ่งที่อยากได้), Rank (เรียงความสำคัญ) และ Plan (แตกรายละเอียดทีละฟีเจอร์) เพื่อเอาไปบรีฟน้อง AI ให้ทำงานได้ตรงจุด
Step 1: List — โยนทุกอย่างออกมาให้หมด
เริ่มจากลิสต์ปัญหาและความต้องการทั้งหมดออกมาก่อน ไม่ต้องกลัวเยอะ 20–30 ข้อก็ได้ แล้วค่อยย่อยแต่ละปัญหาให้กลายเป็นฟีเจอร์ที่เล็กที่สุด ตัวอย่างร้านนวด เช่น บันทึกการนวด, คำนวณค่ามือ, ระบบรีวิว, กระทบยอดเงินสด, จัดตารางวันหยุด, Dashboard สรุปยอด ฯลฯ
Step 2: Rank — ทำทีละอย่าง แล้วปล่อยใช้จริงให้เร็ว
เราทำทุกฟีเจอร์ในรอบแรกไม่ได้ และถ้าพยายามทำทั้งหมดพร้อมกัน โอกาสพังสูงมาก ตรงนั้นพัง ตรงนี้พัง ขั้นนี้จึงเป็นการเลือกว่าจะทำอะไรก่อน ของร้านนวด อันดับ 1 คือ ระบบคำนวณค่ามือและประกันมือ ที่ต้องจดทุกวัน อันดับถัดไปอาจเป็นสรุปกำไรรายวัน/รายเดือน หรือระบบคิว แล้วค่อยทยอยเพิ่มทีละฟีเจอร์
Step 3: Plan — เจาะลึกด้วยสูตร 2W + 3T
ฟีเจอร์ที่ติดอันดับต้นๆ เราเอามาแตกรายละเอียดด้วย 5 คำถาม ฝั่งซ้ายคือ Who (ใครเป็นคนใช้) และ Why (ทำไมเขาต้องเปลี่ยนมาใช้) ฝั่งขวาคือ Task (งานที่ต้องทำให้สำเร็จ ซึ่งมักเกิดขึ้นอยู่แล้ว เช่น จดในกระดาษ), To-Be (ในระบบใหม่อยากให้หน้าตาและการทำงานเป็นยังไง) และ Test (จะรู้ได้ยังไงว่าระบบใหม่เวิร์คจริง)
ข้อที่คนมักข้ามคือ Why — ระบบ AI หลายตัวทำออกมาว้าวมาก แต่ตอบไม่ได้ว่าใช้แล้วชีวิตดีขึ้นยังไง บางทีใช้แล้วยากขึ้นด้วยซ้ำ สุดท้ายคนก็ไม่กลับมาใช้ ดังนั้นต้องคุยเรื่องนี้ให้ชัดในทุกฟีเจอร์
ตัวอย่าง: ฟีเจอร์คำนวณค่ามือ & ประกันมือ ร้านนวด
| หัวข้อ | รายละเอียด |
|---|---|
| Who | พนักงานนวด และเจ้าของร้าน |
| Why | พนักงาน: ไม่ต้องลุ้นว่าลายมือถูกอ่านถูกไหม ได้ยอดที่ถูกต้องโดยไม่ต้องบวกเลขเอง เจ้าของ: จดง่าย ลดข้อผิดพลาด |
| Task | พนักงานจดว่าวันนี้นวดไปกี่ชั่วโมง / เจ้าของได้ยอดค่ามือ-ประกันมือที่ต้องโอนตามชั่วโมง (รายวันหรือรายเดือน) |
| To-Be | มีหน้าบันทึกที่แก้ไขได้เมื่อกรอกผิด และสรุปยอดอัตโนมัติให้เจ้าของกดโอนเอง (ไม่ต้องทำระบบโอนเงิน แค่ก๊อปยอดไปโอนก็แฮปปี้แล้ว) |
| Test | บันทึกยอดโอน/ส่วนลดที่ต่างกันได้, กดผิดแก้ได้, ราคาชั่วโมงเต็มถูกต้อง และเจ้าของสรุปยอดได้ถูกทั้งกรณีต่ำกว่าและสูงกว่าประกันมือ 600 บาท |
จากกระดาษสู่เดโมจริง
ในคลิปลินเปิดเว็บเดโม (ข้อมูลสมมติ) ให้ดูว่าฟีเจอร์นี้ออกมาเป็นยังไง หน้าบันทึกเก็บตั้งแต่เวลาเริ่ม ประเภทการนวด พนักงาน วิธีจ่ายเงิน ยอดที่จ่ายจริง ไปจนถึงสัญชาติลูกค้า ส่วนหน้าสรุปยอดบอกว่าเมื่อวานใครนวดไปเท่าไหร่ ควรได้ค่าชั่วโมงเท่าไหร่ ถ้าต่ำกว่าประกันมือ 600 บาทต้องได้ขั้นต่ำ 600 รวมถึง feedback จากลูกค้า ลองเล่นได้ที่ masademo.vercel.app
ระบบไม่ได้จบในวันแรก — และนั่นคือเรื่องปกติ
เวอร์ชันแรกไม่มีทางสมบูรณ์ ต้องปรับแก้อีกเยอะ แต่ไม่ได้แปลว่าไม่ต้องเขียนแผนให้ชัดตั้งแต่แรก โปรแกรมร้านนวดตัวนี้ “เสร็จ” มาเป็นเดือนแล้ว ลินยังแก้อยู่เกือบทุกวัน เพราะมีโจทย์ใหม่งอกมาเรื่อยๆ เช่น ถ้าพนักงานมาสาย ประกันมือจะหักจาก 600 เหลือ 400, อยากเพิ่มระบบรีวิว, อยากกระทบยอดกับบัญชีธนาคาร, อยากปรับราคาและดูต้นทุน, อยากได้ Dashboard มุมใหม่ หรือแม้แต่คำถามว่า “ถ้านวด 3 ชั่วโมงคิดราคาไหน”
ทำไมเจ้าของธุรกิจควร Vibe เอง
วันนี้มีคนรับจ้างทำแอปแป๊บเดียวเสร็จเยอะมาก แต่ลินไม่เชียร์ทางนั้น ระบบร้านนวดทั้งระบบไม่ได้ถูกเขียนด้วยมือเราเลย ลินไม่เข้าใจโค้ดที่ AI เขียนด้วยซ้ำ แต่เข้าใจโลจิกหลังบ้านของธุรกิจทุกข้อ และเพราะเป็นคนเขียนเอง จึงแก้เองได้ทันทีเมื่อโจทย์เปลี่ยน ถ้าคุณเป็นเจ้าของธุรกิจหรือคนหน้างานจริง คุณทำได้ วันเดียวก็มีเวอร์ชันแรก แล้วค่อยปรับระหว่างทาง
สรุป: ก่อนสั่ง AI ให้ทำ 3 ข้อ — List สิ่งที่อยากได้ให้หมด, Rank เลือกตัวที่สำคัญที่สุด, Plan ด้วย Who / Why / Task / To-Be / Test แล้วค่อยลงมือ
🎓 คอร์ส Private: Vibe Coding with Claude Code x Vercel x Neon — สำหรับคนที่มีโจทย์งานชัด (เช่น งานที่ยังทำใน Excel หรือกลุ่ม LINE) อยากเรียนแบบจับมือทำตัวต่อตัว เปลี่ยนไอเดียในกระดาษเป็น Web App V1.0 ที่มีฐานข้อมูลจริง (Neon) และใช้บนมือถือได้จริง (Vercel) ภายใน 3 ชั่วโมง ทัก LINE มาที่ @davoy (อย่าลืมใส่ @ นะคะ)
🇬🇧 Hold On! Don’t Prompt AI to Code Yet — The Vibe Coding Framework: List → Rank → Plan
Summarized from the latest video on the Lin Davoy channel, a follow-up to the episode where we built a massage-shop ERP in a single day. If that made you want to open your laptop and tell AI to start coding right away… hold on. Throwing AI at an app with no direction usually ends in buggy, off-target software. Grab a pen and paper first, and get clear on what you actually need.
The Vibe Coding Framework is Lin’s own three-step method: List what you want, Rank it by priority, and Plan each feature in detail — so you can brief the AI precisely.
Step 1: List — get everything out
Write down every problem and need, even 20–30 items, then break each problem into the smallest possible feature. For the massage shop: session logging, therapist pay calculation, reviews, cash reconciliation, day-off scheduling, a summary dashboard, and so on.
Step 2: Rank — one feature at a time, shipped fast
You can’t build everything in round one, and trying to usually breaks things everywhere. Pick what matters most. For the massage shop, #1 was therapist pay and guaranteed minimum pay, which gets recorded daily; next might be daily/monthly profit summaries or a queue system. Add features incrementally.
Step 3: Plan — the 2W + 3T formula
Break each top feature down with five questions: Who uses it, Why they would switch to it, the Task that must get done (often an existing process, like writing on paper), the To-Be state in the new system, and the Test that proves it works. Don’t skip Why — plenty of AI-built tools look impressive but can’t explain how they make anyone’s life easier, so nobody comes back.
Example: therapist pay & guaranteed minimum
| Question | Answer |
|---|---|
| Who | Massage therapists and the shop owner |
| Why | Therapists: no more arguing over handwriting or adding up numbers themselves Owner: easier records, fewer mistakes |
| Task | Therapists log hours worked; the owner gets the amount to transfer per therapist (daily or monthly) |
| To-Be | An editable entry page plus an automatic summary; the owner still transfers manually (copy-paste the amount is enough) |
| Test | Handles different transfer amounts and discounts, edits after mistakes, correct full-hour pricing, and correct totals both below and above the 600 THB guarantee |
From paper to demo
Lin walks through a demo site with fake data. The entry form captures start time, massage type, therapist, payment method, actual amount paid and customer nationality; the summary shows who worked how much, the hourly pay due, the 600 THB floor, and customer feedback. Try it at masademo.vercel.app.
It’s never finished on day one — and that’s fine
Version one is never perfect, but that’s no excuse to skip a clear plan. A month after “finishing” the massage-shop app, Lin still tweaks it almost daily: a late-arrival rule that cuts the guarantee from 600 to 400, reviews, bank reconciliation, price and cost changes, new dashboard views, even “what do we charge for a 3-hour massage?”
Why business owners should vibe-code it themselves
Lin doesn’t recommend hiring someone to whip up an app. She doesn’t understand the code the AI wrote, but she understands every piece of the business logic — and because she built it, she can change it the moment requirements change. If you own the business or work the front line, you can do this: a first version in a day, refined as you go.
Takeaway: before prompting AI, List everything, Rank what matters most, and Plan it with Who / Why / Task / To-Be / Test.
🎓 Private course: Vibe Coding with Claude Code x Vercel x Neon — one-on-one, hands-on: turn a paper idea (an Excel- or LINE-group-based workflow) into a V1.0 web app with a real database (Neon), live on mobile (Vercel), in 3 hours. Message us on LINE at @davoy.
ติดตามข่าวสาร Data & AI ได้ที่:
Facebook: https://www.facebook.com/davoytech
YouTube: https://www.youtube.com/@linlinmhee
📌 อย่าลืมกด Like, Share และ Subscribe เป็นกำลังใจให้ด้วยนะคะ!
💬 เวลาสั่ง AI ทำระบบ เพื่อนๆ วางแผนใส่กระดาษก่อน หรือกดสั่งรันเลยทันที? คอมเมนต์มาแชร์กันได้เลยนะคะ!
#Davoy #DavoyTech #Linlinmhee #เรียนAI #คอร์สAI #DataAndAI #VibeCoding #ClaudeCode #Vercel #NeonDatabase #AIFramework #AIBusiness #NoCode