Agent Dev Thai Academyprinciples · patterns · architecture

video-starter

skill 3 ตัวสำหรับทำคลิปสั้นด้วย coding agent บน HyperFrames พร้อมตัวอย่างที่ render ได้เลย

video-starter มี skill 3 ตัว video-studio เป็นกฎกลางกับด่านตรวจ (ล็อก production ก่อนใช้เครดิต gen ภาพ, gen ภาพแบบไม่มีตัวหนังสือ, decode ทั้งคลิป, ทำ contact sheet, วัดว่าข้อความอยู่กลางจริง) explainer ทำคลิปแนวตั้งสไตล์กระดาษตัดแปะ และ music-video ทำ MV แนวอนิเมะที่ตัดตาม beat

มีตัวอย่าง 3 ตัว (ชาไทยทำไมสีส้ม, ขนมปังขึ้นฟูได้ยังไง, music video demo) ใส่ asset มาครบ render ได้โดยไม่ต้องมี API key หรือเครดิตภาพ engine คือ HyperFrames ที่เขียน HTML + GSAP แล้ว render เป็น MP4 ใน repo ไม่มีเพลงกับเสียงประกอบ ต้องเอามาเอง

เริ่มใช้

  1. ติดตั้ง skill 3 ตัวเข้าโปรเจกต์ (ใช้ --agent codex ถ้าใช้ Codex CLI)

    npx skills add agent-dev-thai/video-starter --skill video-studio --skill explainer --skill music-video --agent claude-code --yes
  2. ติดตั้ง skill ของ HyperFrames จากต้นทาง

    npx skills add heygen-com/hyperframes --skill hyperframes-core --skill hyperframes-cli --skill hyperframes-animation --skill hyperframes-creative --skill media-use --agent claude-code --yes
  3. ต้องมี Node.js 22+ กับ FFmpeg ลองเช็คและ render ตัวอย่างชาไทยจากโฟลเดอร์ repo

    (cd examples/thai-tea && npx --yes [email protected] check && npx --yes [email protected] render --quality standard --output out/local.mp4)
  4. จากนั้นสั่ง agent ให้ทำ explainer หรือ music video ได้เลย skill จะบอกลำดับกับด่านตรวจเอง ถ้าไม่ได้ลง skill ให้วาง skills/explainer/prompt.md หรือ skills/music-video/prompt.md แทน

ข้างในมีอะไร 6

  • skills/video-studio/

    กฎกลางและด่านตรวจ พร้อมสคริปต์เช็ค lock, QA ข้อความ, วัดการจัดกลาง, gen ภาพ

  • skills/explainer/

    คลิปแนวตั้ง 1080x1920 มีแหล่งอ้างอิงทุก claim ข้อความทั้งหมดวาดด้วยโค้ด

  • skills/music-video/

    MV 1920x1080 ตัดตาม beat มี lyric เคลื่อนไหว ซับญี่ปุ่น และ lib/ สำหรับ backdrop กับ beat

  • examples/thai-tea/

    คลิปชาไทย 36 วินาที พร้อม LOCK.md, MP4 ที่ render แล้ว และหลักฐาน QA

  • examples/music-video-demo/

    MV ตัวอย่าง 16 วินาทีบน click track 120 BPM

  • COLDSTART.md

    บันทึกการลองทำตาม README จากเครื่องเปล่า พร้อมเวลาที่ใช้จริง

บทความที่พูดถึง 1