สร้างสไลด์ HTML ด้วย Claude แล้วนำเสนอฟรี

ขอ HTML ฉบับสมบูรณ์จาก Claude บันทึกไฟล์ แล้วนำเสนอผ่าน Tiny Design Shop โดยไม่ต้องสมัครบริการนำเสนอแบบเสียเงิน

ขอ HTML ในบทสนทนาปกติ

เริ่มแชต Claude โดยระบุผู้ฟัง ระยะเวลา โครงเรื่อง และแหล่งข้อมูล ขอไฟล์ HTML อิสระอย่างชัดเจน เทมเพลต Claude Slides กับไฟล์ HTML เป็นผลลัพธ์คนละแบบ เครื่องมือนำเสนอต้องการไฟล์ ไม่ใช่ลิงก์แชร์ Claude

Anthropic ระบุว่าอาร์ติแฟกต์แชตมีในแผน Free และแบบจ่ายเงิน แต่เทมเพลต Slides เป็นเบต้าแบบจ่ายเงิน ขั้นตอนนี้ไม่ต้องใช้เทมเพลต Slides หรือ Claude Code ดู เอกสารอาร์ติแฟกต์ของ Claude สำหรับความพร้อมล่าสุด

บอกข้อกำหนดไฟล์ให้ Claude

วางพรอมป์ต์นี้พร้อมข้อมูล เริ่มด้วยสไลด์น้อย ๆ เพื่อตรวจผลลัพธ์ก่อนเพิ่ม

สร้างสไลด์ HTML แบบไฟล์เดียวสำหรับ [ผู้ฟัง] เรื่อง [หัวข้อ] ระยะเวลาพูด: [นาที] ใช้เฉพาะข้อเท็จจริงจากข้อมูลด้านล่าง ใช้เลย์เอาต์ 16:9 ที่ชัดเจน ข้อความอ่านง่าย CSS/JavaScript ภายในไฟล์ และฝังทรัพยากร ใช้ section.slide สำหรับแต่ละหน้า โดยมี .active เพียงหน้าเดียวในแต่ละขณะ เพิ่มปุ่มก่อนหน้า/ถัดไป และรองรับ ArrowLeft/ArrowRight กับ Home ภายในแต่ละสไลด์เพิ่ม script type="application/json" class="slide-notes" ซึ่งมี title, script (บทพูด) และ notes (อาร์เรย์ข้อความสั้นสำหรับหัวข้อ) ซ่อนบันทึกจากสไลด์ ให้ไฟล์สมบูรณ์มีขนาดต่ำกว่า 2 MB ไม่ใช้เฟรมเวิร์ก ฟอนต์ภายนอก ภาพออนไลน์ การเรียก API หรือขั้นตอน build ส่งไฟล์ deck.html ที่ครบ ไม่ใช่แค่โครงเรื่อง ข้อมูลต้นฉบับ: [วางเนื้อหา]

หากใช้ซ้ำในเครื่องมือที่รองรับ ให้รับ สกิล HTML Slide Presenter สำหรับแชตปกติ พรอมป์ต์ก็เพียงพอ ไม่บังคับติดตั้งสกิล

แก้ไขสไลด์เฉพาะหน้า

ตรวจเนื้อหาแล้วขอแก้เฉพาะจุด ระบุสไลด์และสิ่งที่ต้องคงไว้ เช่น:

ในสไลด์ 2 เปลี่ยนย่อหน้าเป็นสามประเด็นสั้น รักษาเลย์เอาต์ สไลด์อื่น การนำทาง และบันทึกเดิม แก้เฉพาะบทพูดของสไลด์ 2 ให้สอดคล้อง ส่ง HTML ฉบับแก้ไขที่สมบูรณ์

ตรวจตัวเลข แหล่งอ้างอิง และความอ่านง่ายหลังแก้อีกครั้ง ขอให้ Claude อธิบายสิ่งที่เปลี่ยน พรีวิวสวยไม่ได้พิสูจน์ว่าข้อเท็จจริงหรือไฟล์ถูกต้อง

บันทึก HTML ไม่ใช่หน้าพรีวิว

Claude desktop showing a generated HTML slide artifact and its Download button
Claude desktop บนสมาชิก Max สร้างอาร์ติแฟกต์ HTML พร้อมปุ่ม Download ภาพนี้มาจากขั้นตอนที่ทดสอบ ไม่ใช่บัญชี Free

ขอไฟล์ .html ฉบับสมบูรณ์ที่ดาวน์โหลดได้จาก Claude หากให้ไฟล์มา ให้ดาวน์โหลดและตรวจนามสกุล อย่าบันทึกหน้าเว็บบทสนทนาหรืออัปโหลด URL แชร์อาร์ติแฟกต์

หากไม่มีตัวเลือกดาวน์โหลด HTML ให้ขอโค้ดเต็มในบล็อกเดียว คัดลอกเฉพาะโค้ดไปยังตัวแก้ไขข้อความธรรมดา บันทึกเป็น deck.html แบบ UTF-8 และตรวจว่าไม่ใช่ deck.html.txt หลีกเลี่ยงโปรแกรมเอกสารที่จัดรูปแบบข้อความ

ไฟล์เทมเพลตที่ส่งออกเป็น PowerPoint หรือ PDF อัปโหลดที่นี่ไม่ได้ ให้ขอ HTML อิสระ แล้วตรวจเลย์เอาต์และการเปลี่ยนสไลด์บนเครื่อง

นำเสนอไฟล์ที่บันทึกไว้

  1. เปิดไฟล์ในเบราว์เซอร์ ดูทุกสไลด์ และยืนยันว่าภาพสำคัญแสดงครบ
  2. ให้ไฟล์ต่ำกว่า 2 MB และฝังบันทึกหากต้องการอ่านบนโทรศัพท์
  3. อัปโหลดเข้า HTML Slide Presenter เลือกอายุ และผ่านการตรวจบอต
  4. เปิดหน้านำเสนอบนจอ สแกน QR ด้วยโทรศัพท์ และตรวจว่าบันทึกเปลี่ยนตามสไลด์
HTML Slide Presenter accepts the saved deck file
อัปโหลด HTML ที่บันทึกจริง ลิงก์พรีวิว AI ไม่ใช่ไฟล์สไลด์

คู่มือรีโมตโทรศัพท์ อธิบายการตั้งค่า ส่วน คู่มือบันทึกผู้บรรยาย อธิบายรูปแบบที่นำเข้าได้

อะไรฟรี?

การนำเสนอผ่าน Tiny Design Shop ฟรีและไม่ต้องมีบัญชีหรือติดตั้งแอป บัญชี ฟังก์ชัน และข้อจำกัด Claude แยกต่างหาก หากชนขีดจำกัด ให้รอรอบใหม่หรือแก้ต่อภายหลัง การนำเสนอไฟล์ที่บันทึกแล้วไม่ต้องสร้างใหม่ใน Claude

ทดสอบเมื่อ 29 กันยายน 2026 ใน Chat ปกติของ Claude desktop บนสมาชิก Max: อาร์ติแฟกต์ HTML สามสไลด์เปิดใน Preview/Code และ Download บันทึกไฟล์ครบ ไม่ได้ทดสอบสร้างและดาวน์โหลดในแผน Free ปุ่มส่งออกอาจต่างตามหน้าจอและบัญชี ยังใช้วิธีขอโค้ดเต็มได้