พิมพ์ภาษาไทย ได้แอปใช้ในร้านไม่ถึง 3 นาที! Claude Artifacts สร้างเครื่องคิดราคา + ใบเสนอราคา ไม่ต้องเขียนโค้ด (ผมลองจริง)

ทุกคนเคยอยากได้แอปเล็ก ๆ ใช้ในร้านไหมครับ เครื่องคิดราคาที่คำนวณส่วนลดให้เอง กดปุ๊บได้ใบเสนอราคาส่งลูกค้าทาง LINE แต่พอไปถามราคาจ้างทำแอป หลักหมื่นถึงหลักแสน

วันนี้ผมจะพาทำแอปแบบนั้นด้วย Claude Artifacts แค่พิมพ์บรีฟเป็นภาษาไทย รอไม่ถึง 3 นาที ได้แอปที่กดใช้ได้จริง ผมคิดเลขตรวจ 4 กรณี ถูกครบทุกกรณี ไม่ต้องเขียนโค้ดสักบรรทัดครับ

ทดลองจริง 14 พ.ย. 2569: เครื่องคิดราคากระเช้าปีใหม่

ช่วงนี้บริษัทเริ่มสั่งกระเช้าปีใหม่กันแล้ว ผมเลยสมมติร้านขึ้นมาร้านหนึ่ง ชื่อ บ้านกระเช้าสุขใจ (ร้านและราคาเป็นข้อมูลสมมติ) โจทย์คือพนักงานขายต้องตอบราคาลูกค้าให้ไว แต่กติกามีหลายชั้น ส่วนลดตามจำนวน ค่าการ์ด ค่าส่ง แล้วยังมี VAT อีก คิดมือทีไรก็กลัวพลาด

กดส่งปุ๊บ Claude บอกว่าจะสร้างเป็นหน้าเว็บแอปเปิดบนมือถือได้ทันที ผมรอไม่ถึง 3 นาที แอปโผล่ขึ้นมาด้านขวาของแชท กดทดลองได้เลยครับ

โอ้โห ปุ่มใหญ่กดง่าย สีตรงตามที่สั่ง แล้วมีของที่ผมไม่ได้ขอด้วยครับ แถบบอกว่า “เพิ่มอีก 65 ใบ ได้ลด 15%” กับข้อความ “อีก 2,640 บาท ส่งฟรี” พนักงานเอาไปเชียร์ขายต่อได้เลย

Claude คิดเลขถูกไหม? ผมตรวจ 4 กรณี

เรื่องเงินพลาดไม่ได้ ผมเลยคำนวณคำตอบที่ถูกไว้ก่อน แล้วค่อยกดในแอปเทียบทีละกรณี ผลคือ ตรงกันทั้ง 4 กรณี ถึงหลักสตางค์ ครับ

กดปุ่มเดียว ได้ใบเสนอราคาส่ง LINE

ข้อความที่ได้จากปุ่มคัดลอก (กรณีลูกค้าต่างจังหวัด 4 ใบ) หน้าตาแบบนี้ครับ วางใน LINE ส่งลูกค้าได้ทันที

ใบเสนอราคากระเช้าปีใหม่
บ้านกระเช้าสุขใจ
วันที่ 14 พฤศจิกายน 2569

รายการ
• ชุดสุขภาพ 590 × 4 ใบ = 2,360 บาท
รวม 4 ใบ

ราคาปกติ 2,360.00 บาท
ค่าส่งต่างจังหวัด (40 × 4 ใบ) 160.00 บาท
VAT 7% 176.40 บาท
━━━━━━━━━━
ยอดสุทธิ 2,696.40 บาท

Claude Artifacts คืออะไร?

ตามหน้าช่วยเหลือของ Anthropic, Artifact คือ งานที่ Claude สร้างให้เราเอาไปโชว์หรือใช้ต่อได้ เช่น เอกสาร สไลด์ ดีไซน์ แดชบอร์ด หรือเครื่องมือเล็ก ๆ ที่กดใช้ได้ งานจะเปิดอยู่ข้าง ๆ แชท แก้ไขได้ กลับมาเปิดใหม่ได้ที่เมนู Artifacts และแชร์ให้คนอื่นใช้ได้ ผมเปรียบง่าย ๆ ว่า เหมือนมีโปรแกรมเมอร์นั่งข้าง ๆ เราพูดอะไร เขาทำให้ทันที

สูตรบรีฟแอป 4 ข้อ (ใช้ได้กับแอปทุกแบบ)

วิธีสร้างแอปด้วย Claude Artifacts (4 ขั้นตอน)

1. เปิด claude.ai แล้วเช็กว่าเปิดการตั้งค่า “Cloud code execution and file creation” ไว้แล้ว (อยู่ในหน้าตั้งค่า › ความสามารถ · หน้าตั้งค่าแบบใหม่ใช้ชื่อ “Create and edit files”)
2. พิมพ์บรีฟ 4 ข้อ ใครใช้ ข้อมูลที่ต้องมี กติกาคำนวณ หน้าตา (Copy แม่แบบด้านล่างได้เลย) แล้วกดส่ง
3. รอ 2–3 นาที แล้วทดลองกด แอปจะโผล่ด้านขวา กดปุ่มขยายเต็มจอเพื่อทดลองใช้จริง ลองใส่ตัวเลขแล้วคิดเลขตรวจทุกครั้ง
4. สั่งแก้และแชร์ อยากเพิ่มอะไรพิมพ์ในแชทเดิม เสร็จแล้วกดปุ่ม Share เพื่อเลือกว่าจะให้ใครเปิดได้ (เริ่มต้นจะเป็นส่วนตัวเสมอ)

📌 Prompt แม่แบบสร้างแอป

สร้างแอปเล็กๆ ให้[ใครใช้] ใช้บน[อุปกรณ์] ชื่อ "[ชื่อแอป]"
- ข้อมูลที่ต้องมี: [รายการสินค้า/บริการ + ราคา]
- สิ่งที่ต้องทำได้: [กดเลือก / คำนวณ / บันทึก / ค้นหา]
- กติกา: [ส่วนลด / แต้ม / เงื่อนไขพิเศษ]
- หน้าตา: [สีแบรนด์] ปุ่มใหญ่กดง่าย ภาษาไทยทั้งหมด

📌 Prompt ที่ผมใช้จริง (เครื่องคิดราคากระเช้าปีใหม่)

สร้างแอปเล็กๆ ให้พนักงานขายร้านกระเช้าของขวัญปีใหม่ "บ้านกระเช้าสุขใจ" ใช้บนมือถือ ชื่อ "เครื่องคิดราคากระเช้าปีใหม่"
- ข้อมูลที่ต้องมี: กระเช้า 5 ชุด ชุดสุขภาพ 590, ชุดผลไม้อบแห้ง 890, ชุดชาและขนม 1,290, ชุดพรีเมียม 1,990, ชุดผู้บริหาร 3,500 บาท กดเพิ่มลดจำนวนแต่ละชุดได้
- กติกาส่วนลดตามจำนวนรวมทุกชุด: 10-29 ใบ ลด 5%, 30-99 ใบ ลด 10%, 100 ใบขึ้นไป ลด 15% (ลดเฉพาะค่ากระเช้า)
- ตัวเลือก: การ์ดอวยพรพิมพ์โลโก้ +25 บาท/ใบ · ค่าส่ง กทม. 150 บาท (ฟรีเมื่อค่ากระเช้าหลังส่วนลดถึง 5,000 บาท) ต่างจังหวัด 40 บาท/ใบ
- สรุปให้เห็น: ราคาปกติ ส่วนลด ค่าการ์ด ค่าส่ง VAT 7% (คิดจากยอดรวมทุกอย่าง) และยอดสุทธิ มีปุ่ม "คัดลอกใบเสนอราคา" เป็นข้อความส่ง LINE ได้
- หน้าตา: สีแดงเข้ม #8B1E2D สีทอง #C9A227 พื้นครีม #FFF8EC ปุ่มใหญ่กดง่าย ภาษาไทยทั้งหมด

📌 Prompt สั่งแก้แอปแบบไม่ให้ส่วนอื่นเปลี่ยน

เพิ่มปุ่มพิมพ์ใบเสร็จ และสรุปยอดขายรวมของวันนี้ไว้ด้านล่าง โดยไม่เปลี่ยนส่วนอื่น

อีกตัวอย่างที่ผมลองไว้: เครื่องคิดเงิน + บัตรสะสมแต้มร้านกาแฟ (7 พ.ย. 2569)

ตัวอย่างนี้เป็นร้านกาแฟครับ ปุ่มเมนูใหญ่ กดซ้ำเพิ่มจำนวนได้ มีบัตรสะสมแต้มเป็นวงกลม 1–10 พอครบ 10 แต้ม ป้าย “แก้วนี้ฟรี!” ขึ้นมาเอง แล้วหักเมนูที่ราคาไม่เกิน 95 บาทให้ถูกต้องตามกติกา

📌 Prompt ที่ผมใช้จริง (เครื่องคิดเงิน Hero Card)

สร้างแอปเล็กๆ ให้พนักงานหน้าร้านกาแฟ HERO OK ใช้บนแท็บเล็ต ชื่อ "Hero Card เครื่องคิดเงิน"
- กดเลือกเมนูได้: Hero Shot 65, Hero Americano 70, OK Latte 85, Monday Rescue 95, Deadline Dirty 95, Calm Hero 90, Matcha OK 90 กดซ้ำเพิ่มจำนวน
- แสดงยอดรวม และถ้าติ๊ก "วันจันทร์ 7-9 โมง" ให้ลด Monday Rescue 20%
- คำนวณแต้ม Hero Card: เครื่องดื่ม 1 แก้ว = 1 แต้ม ใส่แต้มเดิมของลูกค้าได้ ถ้าครบ 10 แต้มให้ขึ้นป้าย "แก้วนี้ฟรี!" (ฟรีเมนูไม่เกิน 95 บาท)
- ใช้สีแบรนด์: Espresso Black #1E1A17, Oat Cream #F3EBDD, Hero Orange #FF6B2C ปุ่มใหญ่กดง่าย ภาษาไทยทั้งหมด

📌 ไอเดียแอปเล็ก ๆ สำหรับธุรกิจ

• ร้านอาหาร — เครื่องคิดเงินแยกบิลตามโต๊ะ คำนวณเซอร์วิสชาร์จและ VAT
• คลินิก/ร้านสปา — ตารางนัดลูกค้า + เครื่องคิดราคาแพ็กเกจคอร์ส
• ร้านออนไลน์ — เครื่องคิดค่าส่งตามน้ำหนักและจังหวัด
• ฝ่ายขาย — เครื่องคิดราคาเสนอขาย ใส่จำนวนแล้วได้ส่วนลดขั้นบันไดอัตโนมัติ

ข้อควรรู้ก่อนเอาไปใช้จริง

• คิดเลขตรวจทุกครั้ง ลองใส่ตัวเลขหลายกรณี (ไม่มีส่วนลด มีส่วนลด แต้มครบพอดี) ก่อนใช้กับลูกค้าจริง
• ข้อมูลลูกค้า Artifacts บางแบบเก็บข้อมูลแบบแชร์ให้ทุกคนเห็นได้ ก่อนใส่ข้อมูลส่วนตัวควรเช็กการตั้งค่าที่เก็บข้อมูลให้ดี
• ฟีเจอร์ตามแพ็กเกจ สร้าง Artifact ในแชทได้ทุกแพ็กเกจ ส่วนการเชื่อมแอปอื่นและที่เก็บข้อมูลต้องใช้ Pro ขึ้นไป (ตามหน้าช่วยเหลือของ Anthropic)

สรุป เอาไปใช้ได้ทันที 3 ข้อ

1. บรีฟ 4 ข้อ: ใครใช้ · ข้อมูล · กติกา · หน้าตา
2. ทดลองกดและ คิดเลขตรวจ ก่อนใช้จริงเสมอ
3. แก้ด้วยการ พิมพ์สั่งเพิ่มในแชทเดิม แล้วค่อยกดแชร์ให้ทีม

คำถามที่พบบ่อย

ต้องเขียนโค้ดเป็นไหม?

ไม่ต้องเลยครับ พิมพ์บอกเป็นภาษาไทยว่าอยากได้อะไร Claude เขียนโค้ดให้ทั้งหมด เราแค่ทดลองกดและสั่งแก้

ใช้ฟรีได้ไหม?

สร้าง Artifact ในแชทได้ทุกแพ็กเกจ รวมถึงแพ็กเกจฟรี แต่จำนวนข้อความต่อวันจำกัด ส่วนฟีเจอร์เชื่อมแอปอื่นและที่เก็บข้อมูลต้องใช้ Pro ขึ้นไป

เอาแอปไปให้พนักงานใช้ยังไง?

กดปุ่ม Share มุมขวาบนของ Artifact แล้วเลือกสิทธิ์การเข้าถึง ส่งลิงก์ให้ทีมได้ ค่าเริ่มต้นจะเป็นส่วนตัวเสมอ

แอปเก็บข้อมูลยอดขายได้ไหม?

ได้ครับ Artifacts รองรับที่เก็บข้อมูลแบบส่วนตัวและแบบแชร์ (สำหรับ Pro ขึ้นไป) แต่ควรระวังเรื่องข้อมูลส่วนบุคคลของลูกค้า

ถ้าแอปขึ้น error ทำยังไง?

กดปุ่ม “Try fixing with Claude” ระบบจะส่งรายละเอียดให้ Claude แก้ให้ หรือพิมพ์อธิบายอาการในแชทก็ได้

แหล่งข้อมูล

• Claude Help Center: What are artifacts and how do I use them?
• Claude

อยากให้ทีมของคุณใช้ AI ได้แบบนี้?

อ.เก่ง ภูวนัย รับจัดอบรม AI เพื่อธุรกิจและการทำงาน ออกแบบตามโจทย์ของทีม ลงมือทำจริงในห้องเรียน ติดตามเทคนิคใหม่ ๆ ได้ที่เพจ อ.เก่ง ภูวนัย ครับ 🙏