$ loading
$ open books/hyperframes-claude-code
Prompt-First Video: สร้างวิดีโอด้วย HyperFrames + Claude Code
หนังสือฟรี 11 บทที่พาคุณสร้างวิดีโอด้วยการคุยกับ Claude Code เป็นภาษาไทย ใช้ HyperFrames เป็นเครื่องมือสร้าง · ไม่ต้องเขียนโค้ด ไม่ต้องเป็น editor มืออาชีพ · ครอบคลุมตั้งแต่ติดตั้ง วิดีโอแรก iterate ใช้ catalog ใส่เสียงด้วย Gemini TTS ไปจนถึง workflow สั้นสุดและการแก้ปัญหา · prompt library พร้อมใช้ · อ่านออนไลน์หรือดาวน์โหลด PDF ฟรี
หนังสือฟรี 11 บทที่พาคุณสร้างวิดีโอด้วยการคุยกับ Claude Code เป็นภาษาไทย ผ่าน HyperFrames · ไม่ต้องเขียนโค้ด ไม่ต้องเป็น editor มืออาชีพ · ตั้งแต่ติดตั้ง วิดีโอแรก จนถึงใส่เสียงด้วย Gemini TTS
11 บทเริ่มต้นอัปเดต 25 พ.ค. 2569
ทีมงาน vibecodingthailand
ฟรี
มีเล่มใหม่หรือของแจก เราส่งเมลไปบอก
กดสมัครแล้วเราจะส่งเทคนิค AI และของแจกใหม่ๆ ให้ทางอีเมล เลิกรับได้ตลอด
$ cat table-of-contents.md
11 บท แบ่งเป็น 4 ภาค
ภาค 1: เตรียมพื้นที่3 บท
ภาค 2: สร้างวิดีโอแรกและ Iterate3 บท
ภาค 3: เสริมพลังด้วยเสียงและตัวอย่างจริง2 บท
ภาค 4: รับมือกับปัญหาและ Workflow ที่ใช้จริง2 บท
$ cat why-this-book.md
ทำไมต้องเล่มนี้
หนังสือเล่มนี้สอนวิธีสร้างวิดีโอด้วยการคุยกับ AI เป็นภาษาไทย ไม่ใช่หนังสือสอนเขียนโค้ด ไม่ใช่คู่มือ HTML และไม่ใช่คอร์สตัดต่อวิดีโอแบบมืออาชีพ
เป้าหมายคือให้คุณสร้างวิดีโอได้ด้วยภาษาไทยธรรมดา โดยใช้ Claude Code เป็นผู้ช่วย และใช้ HyperFrames เป็นเครื่องมือสร้างวิดีโอ คุณคุยกับ AI ว่าอยากได้วิดีโอแบบไหน AI จะ generate HTML preview ให้ดูก่อน พอชอบแล้วค่อย render เป็น MP4 ไฟล์จริง
11 บทพาคุณตั้งแต่เตรียมเครื่อง, ตั้งค่าโปรเจกต์, ให้ Claude ติดตั้ง HyperFrames Skills เอง, สร้างวิดีโอแรกด้วย prompt เดียว, iterate แก้วิดีโอแบบคุยกับ editor, ใช้ HyperFrames catalog โดยไม่ต้องจำชื่อ component, ใส่เสียงด้วย Gemini TTS, ทำวิดีโอจาก 5 แบบที่ใช้จริง, สั่งให้ Claude แก้ error เอง ไปจนถึง workflow สั้นที่สุดที่ใช้ได้
ไฮไลต์ในเล่ม
เป็นหนังสือฟรี อ่านออนไลน์หรือดาวน์โหลด PDF ก็ได้ ไม่ต้องสมัครสมาชิกprompt-first ทั้งเล่ม คุยภาษาไทยกับ Claude Code ไม่ต้องจำคำสั่ง CLIดูวิดีโอเป็น HTML preview ก่อนค่อย render MP4 แก้ไขง่าย ไม่ต้อง render ใหม่ทุกครั้งครอบคลุมการใส่เสียงบรรยายด้วย Gemini TTS ภาษาไทย5 prompt วิดีโอที่ใช้กับงานจริง เช่น Facebook cover, YouTube intro, education contentPrompt library พร้อมใช้ ดาวน์โหลดเป็น .md และ .txtอ้างอิงจาก Anthropic + HyperFrames official docs ทั้งหมดครอบคลุมการสั่ง Claude ให้แก้ error เองด้วย เมื่อสคริปต์พัง
อ่านจบแล้วคุณจะทำอะไรได้
- เข้าใจ Prompt-First Video คืออะไร ต่างจากการตัดต่อปกติยังไง และเหมาะกับงานแบบไหน
- เตรียมเครื่องและติดตั้ง Claude Code โดยไม่ต้องเป็นสายโค้ด
- ตั้งค่าโปรเจกต์วิดีโอแรกด้วย prompt เดียว
- ให้ Claude ติดตั้ง HyperFrames Skills เองโดยไม่ต้องสั่ง CLI ด้วยมือ
- สร้างวิดีโอแรกผ่าน HTML preview ก่อน render เป็น MP4
- Iterate แก้วิดีโอเป็นรอบเหมือนคุยกับ editor มืออาชีพ
- ใช้ HyperFrames catalog โดยไม่ต้องจำชื่อ component
- ใส่เสียงบรรยายด้วย Gemini TTS ทั้งภาษาไทยและอังกฤษ
- ทำวิดีโอจาก 5 ไอเดียที่ใช้จริง เช่น Facebook cover, YouTube intro, education clip
- สั่ง Claude ให้อ่าน error แก้ปัญหา และคืน preview ที่ใช้งานได้
- ใช้ workflow สั้นที่สุดตั้งแต่เริ่มจนได้วิดีโอ
$ whoami
เล่มนี้เหมาะกับใคร
อ่านดูว่าตรงกับคุณข้อไหน ถ้าใช่สักข้อ เล่มนี้เขียนมาเพื่อคุณ
01
Creator และ Marketer ที่อยากทำวิดีโอเร็ว ๆ โดยไม่ต้องเปิด Premiere/After Effects
02
Founder / Solo Operator ที่อยากทำ promo, ads, demo ด้วยตัวเอง
03
อาจารย์และคนทำคอนเทนต์การศึกษาที่ต้องการ explainer video สั้น
04
PM / Designer ที่อยาก mockup video สำหรับ pitch หรือ user research
05
Developer ที่อยากเริ่มต้นการสร้างวิดีโอด้วย code แบบไม่ต้องตั้งต้นจากศูนย์
$ man faq
คำถามที่พบบ่อย
หนังสือเล่มนี้ฟรีจริงหรือ?
ฟรี 100% อ่านออนไลน์บน vibecodingthailand.com หรือดาวน์โหลด PDF ก็ได้ ไม่มีค่าใช้จ่าย ไม่ต้องสมัครสมาชิกก็เข้าได้
ต้องเขียนโค้ดเป็นมั้ย?
ไม่ต้องเลย เราคุยกับ Claude Code เป็นภาษาไทยเป็นหลัก สิ่งที่ Claude เขียนจะเป็น HTML ที่ HyperFrames แปลงเป็นวิดีโอให้ ไม่ต้องอ่านโค้ดด้วยตัวเอง
HyperFrames คืออะไร?
HyperFrames คือเครื่องมือสร้างวิดีโอจาก HTML/CSS open source ทำให้ AI generate วิดีโอได้ง่าย แทนที่จะต้องเรียก video editing API หรือใช้ tool ที่ไม่มี code interface
ต้องใช้ Claude แพลนไหน?
ใช้ได้ตั้งแต่แพลน Pro ($20/เดือน) ขึ้นไป ค่าหนังสือกับค่า Claude เป็นคนละส่วนกัน
Gemini TTS ใช้ฟรีได้มั้ย?
Google Cloud Gemini TTS มี free tier ให้ลองได้ในระดับหนึ่ง บทที่ 8 จะอธิบายวิธีตั้งค่าและขั้นตอนสมัคร
วิดีโอที่ทำได้คุณภาพแบบ Hollywood เลยมั้ย?
ไม่ใช่ HyperFrames เหมาะกับวิดีโอ explainer, social media short, promo สั้น ๆ และ template-driven content ไม่ใช่หนังสั้น หรือ VFX แบบโฆษณาเต็มรูปแบบ
อ่านบนมือถือได้มั้ย?
อ่านออนไลน์ผ่านเว็บได้ทุกอุปกรณ์ หรือดาวน์โหลด PDF ไปอ่านออฟไลน์ได้ทั้งบนมือถือ iPad และคอมพิวเตอร์
$ whoami
ผู้เขียน
ทีมงาน vibecodingthailand
ทีม Vibe Coding Thailand รวบรวมและเรียบเรียงจากการใช้ Claude Code สร้างวิดีโอจริงด้วย HyperFrames อ้างอิงจาก official docs ทั้งหมด
อ้างอิงจาก Anthropic + HyperFrames official docs และ GitHub repo โดยตรงทดลองสร้างวิดีโอตามทั้ง 5 prompt ในเล่มจริงด้วย Claude Codeเน้น prompt-first ไม่ต้องเป็น editor หรือเขียนโค้ดสายตรง
$ cat reviews.log
รีวิวจากผู้อ่าน
$ loading ~/reviews
