หนังสือเล่มนี้ทำอะไร และไม่ทำอะไร | Prompt-First Video: สร้างวิดีโอด้วย HyperFrames + Claude Code | Vibe Coding Thailand$ cat 01-what-this-book-is.md บทที่ 1หนังสือเล่มนี้ทำอะไร และไม่ทำอะไร
หนังสือเล่มนี้สอนวิธีสร้างวิดีโอด้วยการคุยกับ AI
ไม่ใช่หนังสือสอนเขียนโค้ด
ไม่ใช่คู่มือ HTML
ไม่ใช่คอร์สตัดต่อวิดีโอแบบมืออาชีพ
เป้าหมายคือให้คุณสร้างวิดีโอได้ด้วยภาษาไทยธรรมดา โดยใช้ Claude Code เป็นผู้ช่วย และใช้ HyperFrames เป็นเครื่องมือสร้างวิดีโอ
ถ้าคุณพิมพ์บอกได้ว่าอยากได้วิดีโอแบบไหน คุณก็เริ่มได้
ภาพรวมแบบสั้นที่สุด
เราจะใช้ 2 อย่างหลัก
-
Claude Code
ผู้ช่วย AI ที่ทำงานในโฟลเดอร์โปรเจกต์ให้เราได้ เช่น สร้างไฟล์ ติดตั้งของที่จำเป็น แก้ error และสั่ง render
-
HyperFrames
เครื่องมือที่ให้ AI สร้างวิดีโอจากไฟล์เว็บ แล้วแปลงออกมาเป็น MP4
คุณไม่ต้องเข้าใจว่าไฟล์เว็บข้างในเขียนอย่างไรในระดับลึก หน้าที่ของคุณคือบอกความต้องการให้ชัด ส่วนหน้าที่ของ Claude คือจัดการงานเทคนิค
ภาพรวม workflow: Prompt ไทย → HTML Preview → Final MP4
ภาพนี้คือแกนของทั้งเล่ม: คนอ่านสั่งด้วย prompt ภาษาไทย ดูวิดีโอผ่าน preview ก่อน และค่อยทำ MP4 ตอน final เท่านั้น
ตัวอย่างสิ่งที่คุณจะสั่งได้:
นี่คือสไตล์ของทั้งเล่ม: คุณสั่งเป็นภาษาไทย แล้วให้ Claude ทำงาน
วิธีคิดที่ต้องเปลี่ยนก่อนเริ่ม
คนส่วนใหญ่ติดตรงนี้: เห็นเครื่องมือชื่อ Claude Code แล้วคิดว่าต้องเขียนโค้ดเป็น
ในหนังสือเล่มนี้ เราจะมอง Claude Code เป็น “คนทำงานเทคนิค” ไม่ใช่ “โปรแกรมสำหรับโปรแกรมเมอร์เท่านั้น”
- ต้องเขียนไฟล์อะไร
- ต้องลง package อะไร
- ต้องใช้คำสั่ง render แบบไหน
- error นี้แปลว่าอะไร
นี่คือแกนของ vibe coding: ไม่เริ่มจากโค้ด แต่เริ่มจากผลลัพธ์
Workflow ของทั้งเล่ม
ทั้งเล่มจะเดินตามเส้นทางนี้
- ติดตั้ง Claude Code
- เปิด Claude Code ในโฟลเดอร์งาน
- ให้ Claude อ่าน official HyperFrames repo
- ให้ Claude ติดตั้ง HyperFrames skills เอง
- สั่ง Claude สร้างวิดีโอแรก
- ดู preview แล้วสั่งแก้ด้วยภาษาไทย
- ให้ Claude ใช้ของสำเร็จรูปจาก HyperFrames catalog
- ทำเสียงบรรยายด้วย Gemini TTS
- เมื่อ preview พอใจแล้ว ค่อย render เป็น MP4 พร้อมใช้งาน
- ถ้าพัง ให้ Claude อ่าน error และแก้เอง
สิ่งสำคัญคือ หลังจากติดตั้ง Claude Code แล้ว เราจะพยายามไม่ให้คุณกลับไปจำคำสั่ง terminal เองอีก
คุณจะทำงานผ่าน prompt เป็นหลัก
ทำไมต้องให้ Claude อ่าน official source ก่อน
เครื่องมือสาย AI เปลี่ยนเร็วมาก วิธีติดตั้งหรือชื่อ model อาจเปลี่ยนได้
ดังนั้นแทนที่หนังสือจะบังคับให้คุณจำคำสั่งตายตัว เราจะสอนให้คุณสั่ง Claude แบบนี้:
วิธีนี้ปลอดภัยกว่า เพราะให้ Claude ตรวจแหล่งจริงก่อนลงมือ
สำหรับ HyperFrames เราจะให้ Claude อ่าน repo นี้ก่อน:
https://github.com/heygen-com/hyperframes
จากนั้นให้ Claude ดูวิธีติดตั้ง skills จาก repo แล้วจัดการเอง
คุณไม่ต้องจำว่าคำสั่งคืออะไร แค่สั่งให้ Claude อ่านและทำตาม official source
HyperFrames skills คืออะไร แบบไม่เทคนิค
ถ้า Claude Code เป็นผู้ช่วย HyperFrames skills ก็คือคู่มือเฉพาะทางที่ทำให้ผู้ช่วยทำวิดีโอด้วย HyperFrames ได้ถูกวิธี
หลังติดตั้ง skills แล้ว Claude จะเข้าใจมากขึ้นว่า:
- วิดีโอ HyperFrames ควรมีโครงสร้างอย่างไร
- จะ preview อย่างไร
- จะ render อย่างไร
- จะใส่ caption, transition, audio อย่างไร
- จะใช้ catalog block/component อย่างไร
คุณไม่จำเป็นต้องรู้รายละเอียดทุก skill
/hyperframes ใช้เวลาต้องการสร้างหรือแก้วิดีโอ/hyperframes-cli ใช้เวลาต้องการให้ Claude จัดการ preview/render/check/hyperframes-registry ใช้เวลาต้องการเพิ่มของจาก catalog/hyperframes-media ใช้เวลาทำงานเสียง ไฟล์ media หรือ asset
แต่ในหลายกรณี คุณไม่ต้องพิมพ์ชื่อ skill เองด้วยซ้ำ แค่บอก Claude ว่า “ใช้ HyperFrames skills ที่เหมาะสม”
หนังสือเล่มนี้จะไม่สอนอะไร
เพื่อให้เล่มนี้สั้นและใช้ได้จริง เราจะไม่ลงลึกเรื่องต่อไปนี้
- HTML/CSS/JavaScript แบบเต็มคอร์ส
- โครงสร้างภายในของ HyperFrames engine
- การเขียน animation ระดับโปรแกรมเมอร์
- การทำระบบ production ขนาดใหญ่
- การ deploy server
- การปรับแต่ง FFmpeg เชิงลึก
ถ้าคุณต้องการเป็น developer เต็มตัว เรื่องเหล่านี้ค่อยเรียนทีหลังได้
แต่ถ้าเป้าหมายคือ “อยากทำวิดีโอด้วย AI ให้ได้ก่อน” สิ่งที่ต้องรู้ตอนนี้คือ prompt ที่ดี และ workflow ที่ไม่หลุด
Prompt ที่ดีในหนังสือเล่มนี้หน้าตาเป็นอย่างไร
Prompt ที่ดีไม่ใช่ prompt ยาวเสมอไป
Prompt ที่ดีต้องบอก 5 อย่างให้ชัด:
- ต้องการทำอะไร
- ผลลัพธ์สุดท้ายคือไฟล์อะไร
- สไตล์ภาพ/เสียงเป็นแบบไหน
- ให้ Claude รับผิดชอบขั้นตอนไหนบ้าง
- ถ้า error ให้ Claude ทำอย่างไร
สังเกตว่า prompt นี้ไม่ได้บอกว่าให้เขียนโค้ดอย่างไร แต่บอกผลลัพธ์ที่ต้องการและให้ Claude รับผิดชอบงานเทคนิค
นี่คือวิธีที่เราจะใช้ตลอดเล่ม
ข้อจำกัดที่ควรรู้ตั้งแต่ต้น
AI ช่วยได้มาก แต่ไม่ได้แปลว่าจะถูกทุกครั้ง
- render ครั้งแรกไม่ผ่าน
- caption ล้นจอ
- timing เสียงไม่ตรง
- สีหรือฟอนต์ไม่ตรงใจ
- ติดตั้ง dependency บางตัวไม่ครบ
- model TTS หรือ API มีการเปลี่ยนชื่อในอนาคต
วิธีรับมือไม่ใช่การจำ error แต่คือการสั่งให้ Claude ตรวจและแก้เป็นระบบ
ตัวอย่าง prompt สำหรับทุกครั้งที่งานพัง:
นี่คือ prompt ช่วยชีวิต คุณจะใช้บ่อยกว่าที่คิด
ผลลัพธ์ที่คุณควรได้หลังอ่านเล่มนี้
เมื่ออ่านจบ คุณควรทำสิ่งเหล่านี้ได้
- เปิด Claude Code และเริ่มโปรเจกต์วิดีโอใหม่
- ให้ Claude อ่าน HyperFrames official repo ก่อนทำงาน
- ให้ Claude ติดตั้ง HyperFrames skills เอง
- สร้างวิดีโอสั้นจาก prompt ภาษาไทย
- สั่งแก้สี ข้อความ จังหวะ transition และ layout
- ใช้ catalog ของ HyperFrames โดยไม่ต้องจำชื่อ component
- สร้างเสียงบรรยายด้วย Gemini TTS โดยให้ Claude ตรวจ official docs ก่อน
- ใช้ preview ระหว่างแก้ และ render วิดีโอเป็น MP4 ตอน final
- ให้ Claude แก้ error เองเมื่อเกิดปัญหา
คุณจะใช้ภาษาไทยสั่ง AI ให้สร้างวิดีโอแทนการเปิดโปรแกรมตัดต่อและแทนการเขียนโค้ดเอง
บทต่อไป
บทต่อไปเราจะเตรียมเครื่องให้พร้อม
คุณจะใช้ command line น้อยที่สุดเท่าที่จำเป็น: ติดตั้ง Claude Code และเปิดมันขึ้นมา
หลังจาก Claude Code ทำงานได้แล้ว ขั้นตอนที่เหลือจะย้ายเข้าไปอยู่ใน prompt แทบทั้งหมด
อัปเดตล่าสุด: 25 พ.ค. 2569
ความคิดเห็น
ยังไม่มีความคิดเห็น
เป็นคนแรกได้เลย