Lv.1 ★
Hello World
เริ่มง่ายyou:ทำหน้า HTML ที่เขียนว่า "Hello World"
AI ทำ: HTML 5 บรรทัด — ได้เป๊ะ
❀ บทถัดไป · /03
→ ทำเกมงู
ใช้ prompt จากตัวอย่าง Lv.3 ลองทำจริงกับ AI
คอร์ส · บทที่ 02 · เริ่มต้น
Prompt เบื้องต้น
AI ฉลาดแล้ว — แต่ "ฉลาด" ไม่ได้แปลว่า "รู้ใจเรา" — prompt ที่ดีช่วยให้ AI เข้าใจเราแบบไม่ต้องเดา
✿
Prompt ที่ดี = บอกเป้า · บอกข้อจำกัด · บอกผลลัพธ์ที่ต้องการ
โครงสร้าง prompt 3 ส่วน
ทุก prompt ที่ได้ผลดี มี 3 ส่วนนี้
🎯
ส่วนที่ 1
เป้าหมาย
อยากได้อะไร — ทำหน้าเว็บ, เกมงู, ส่งเมล...
⚙️
ส่วนที่ 2
ข้อจำกัด
ภาษา, framework, เวลา, สไตล์ — สิ่งที่ห้าม/ต้อง
✨
ส่วนที่ 3
ผลลัพธ์
ส่งเป็น URL, ไฟล์, deploy เลย — ระบุรูปแบบ
5 ตัวอย่าง จริง
จากง่ายสุด → ยากสุด ดูว่า AI ทำได้ดีแค่ไหน
Lv.2 ★★
หน้า HTML พร้อม styling
มีโครงสร้างyou:ทำหน้า HTML แสดง "Hello World" พื้นหลังชมพู ตัวหนังสือสีขาว ตัวใหญ่ จัดกลาง
AI ทำ: ใส่ CSS ให้เลย ตรงตามที่ขอ
Lv.3 ★★★
เกมงู ★
ผลงานเต็มyou:ทำเกมงู HTML+JS ล้วนๆ
- งูเดินเอง กินแอปเปิ้ลแล้วยาวขึ้น
- ชนขอบจอ game over
- ปุ่ม 4 ทิศบนมือถือ + คีย์บอร์ด
- deploy เป็น URL สาธารณะ
AI ทำ: single-file HTML 200 บรรทัด + deploy live เล่นได้
Lv.4 ★★★★
Landing page พร้อมฟอร์ม
งานจริงyou:ทำหน้า landing page สำหรับร้าน "Sweet Café"
- Hero มีรูป + ข้อควาว "กาแฟหอมกรุ่น ทุกเช้า"
- 3 คอลัมน์: เมนู, ราคา, ที่อยู่
- ฟอร์ม email signup
- ปุ่ม CTA สีชมพู
- ดูดีบนมือถือ
- ใช้ Tailwind ก็ได้
AI ทำ: เว็บสวย responsive มีฟอร์มทำงาน
Lv.5 ★★★★★
Todo App ครบ feature
ขั้นสูงyou:ทำ Todo app ครบ feature
- เพิ่ม/ลบ/ติ๊กเสร็จ/ลบที่เสร็จ
- เก็บใน localStorage
- filter: ทั้งหมด / ยังไม่เสร็จ / เสร็จแล้ว
- นับจำนวน + ความคืบหน้า
- drag & drop เรียงลำดับ (ถ้าทำได้)
- ดูดีทั้ง desktop + mobile
- เป็น single-file HTML ไม่ต้องติดตั้งอะไร
AI ทำ: แอปสมบูรณ์ ใช้ได้จริง พร้อม drag&drop
3 เคล็ดลับ ทำให้ผลดีขึ้น
เทคนิคที่ใช้ได้ทุกครั้ง
①
บอกเป้า ไม่ใช่บอกวิธี
"ทำเกมงู" ดีกว่า "สร้าง array 20 ช่อง + map ตัวงู + เพิ่ม event listener" — ให้ AI ตัดสินใจเอง
②
ถ้า AI ทำผิด → ส่ง error ให้แก้
ไม่ต้องอธิบายเยอะ — ก๊อป error message + โค้ดที่มันเขียน → AI รู้เอง
③
อยากได้แบบเดิม? ขอให้ "ต่อยอด"
ไม่ต้องเริ่มใหม่ — "เพิ่มปุ่ม 4 ทิศในเกมงู ลงไปในของเดิม" ง่ายกว่าเยอะ
Deploy ขึ้นเน็ต ใน 30 วินาที
เสร็จแล้ว → ได้ URL สาธารณะ · แชร์ได้ทันที · ฟรี
🚀
Deploy คืออะไร?
การเอาไฟล์เว็บของคุณไป "วาง" ไว้บน server สาธารณะ เพื่อให้คนทั่วโลกเปิดเข้าชมผ่าน URL ได้
เมื่อก่อนต้องเช่า server + ตั้งค่า nginx + ซื้อ domain — แต่ตอนนี้แค่บอก AI "deploy ขึ้น CDN" ได้เลย
📋
พิมพ์อันนี้ → ขึ้นเลย
หลังจาก AI เขียนเว็บเสร็จ ก๊อปข้อความนี้ไปวางdeploy ขึ้น space.minimax.io เป็น public CDN · ให้ URL ใช้งานได้จริง · ตั้งชื่อตามชื่อโปรเจกต์
AI จะ deploy ให้อัตโนมัติ · ได้ URL แบบ https://your-project.space.minimax.io · ใช้ได้ทันที
Flow สั้น ๆ — เสร็จใน 4 ขั้น
1
บอก AI ให้ deploy
ก๊อปข้อความด้านบน
→
2
AI อัปโหลดไฟล์
ไปที่ CDN server
→
3
ได้ URL
xxx.space.minimax.io
→
4
แชร์ทันที
ทั่วโลกเข้าถึง