Cheatsheet รวม

ทำ ____________________ (เป้าหมาย)

เพราะ ____________________ (บริบท — ทำไม / ใครใช้)

โดย ____________________ (ข้อจำกัด — framework / format / ขนาด)

เติมคำในช่องว่าง · AI จะรู้ทันทีว่าต้องทำอะไร

ทำหน้า HTML ที่เขียนว่า "Hello World"

ทำหน้า HTML แสดง "Hello World" พื้นหลังชมพู ตัวหนังสือสีขาว ตัวใหญ่ จัดกลาง

ทำเกมงู HTML+JS ล้วน
- ลูกศรขยับได้
- กินแอปเปิ้ล +1 คะแนน
- ชนกำแพร game over
- มี 4 ปุ่มบน + ล่าง + ซ้าย + ขวา
- deploy เป็น URL ลองเล่น

ทำหน้า landing page สำหรับร้าน "Sweet Café"
- Hero ดูงาม + ข้อความ "กาแฟโฮมเมด ทุกแก้ว"
- 3 เมนูเด่น: รูป, ราคา, คำบรรยาย
- ฟอร์ม email signup
- ปุ่ม CTA สั่งจอง
- ใช้ vanilla HTML/CSS/JS

ทำ Todo app ครบ feature
- เพิ่ม/ลบ/แก้/ติ๊กเสร็จ
- เก็บใน localStorage
- filter: ทั้งหมด / ที่ยังไม่เสร็จ / เสร็จแล้ว
- drag & drop เรียงลำดับ
- สรุปจำนวนทำเสร็จ
- single-file HTML ใช้งานได้จริง

ช่วงเทสเว็บนี้ให้หน่อย

User: คนทั่วไป ไม่เคยใช้
ทดสอบ: เปิดเร็ว · กดปุ่มได้ · กรอกฟอร์มผิด · ใช้บนมือถือ
ถ้าเจอปัญหา: แก้ให้เลย + บอกสั้น ๆ

ปรับ design หน้านี้ให้ดูอบอุ่น

User: แม่ค้าวัย 35-50
Vibe: อบอุ่น น่าเชื่อถือ ไม่หรูหรา
อยากได้: สีพาสเทล, ฟอนต์อ่านง่าย, ปุ่มใหญ่

ทำรูปโลโก้ร้าน "Sweet Café"
สไตล์: minimal, โทนชมพูครีม
ขนาด: 1:1
อยากได้: ดูอบอุ่น น่ารัก

1. push ขึ้น GitHub
2. Cloudflare Dashboard → Workers & Pages → Create
3. Connect Git → เลือก repo
4. Build: ว่าง · Output: .
5. Deploy → ได้ URL xxx.pages.dev

... + ของเดิมดีอยู่ อย่าแก้ / เพิ่มแค่ ____________

... + ก่อนทำ อธิบายสั้น ๆ ว่าจะทำอะไร + แล้วค่อยเขียนโค้ด

... + เสนอ 3 แบบ ให้เลือก พร้อมข้อดีข้อเสียแต่ละแบบ

... + เขียนโค้ดให้เสร็จใน response เดียว ไม่ต้องถามกลับ