Skills Heygen Com

เพิ่มคำบรรยายให้กับวิดีโอแบบพูดหน้าตรง หนึ่งแคตตาล็อก (CATALOG.md) ของเอกลักษณ์ทางภาพ 32 แบบภายใต้สองเอนจิน: column-flow (คำบรรยายที่รวมเข้ากับฉาก — การบดบังแบบแมตต์ + การผสมผสาน; ครีม/หมึก/บรรณาธิการ/คีย์โน้ต/สารคดี/ดัง/นีออน/เกล็ด/โครม/ความเร็ว) และโครงสร้างตามธีม (anchor/ordnance/terminal/neonsign/stardust/stomp/scoreboard/transit/vhs/arcade/dossier/laser/thunder/hologram/biolume/aurora/spectrum/papercut/popup/chalkboard/graffiti/brush/inkwater/ransom/lastpage/nightcity...

faceless-explainer วิดีโอเวิร์กโฟลว์ - ข้อความตามอำเภอใจ (บทความ / บันทึก / หัวข้อ / สรุป) -> narrator_scripts.json + เสียง (เสียงพูด + BGM) + section_plan.md -> วิดีโอแบบตัวพิมพ์ / กราฟิกนามธรรม / แผนภาพ / การแสดงข้อมูล ความยาวทั่วไปสูงสุดประมาณ 3 นาที (จุดที่เหมาะสมประมาณ 30-90 วินาที); ชิ้นงานที่ยาวกว่าจริง ๆ คือวิดีโอทั่วไป ไม่ใช่เวิร์กโฟลว์นี้ สร้างเสียงบรรยายของตัวเอง (TTS) — ไม่ซิงค์กับเสียงพากย์ที่ผู้ใช้ให้มาหรือบันทึกไว้ล่วงหน้า (นั่นคือวิดีโอทั่วไป) ไม่มีการจับภาพเว็บไซต์ ไม่มีภาพหน้าจอผลิตภัณฑ์จริง....

นำเข้าเนื้อหาจาก Figma ไปยังองค์ประกอบ HyperFrames — ทรัพยากรที่เรนเดอร์แล้ว, โทเค็นแบรนด์, คอมโพเนนต์, ส่วนของสตอรีบอร์ด → สร้างภาพเคลื่อนไหวใหม่ (เฟรมถูกอ่านเป็นสถานะ ไม่ใช่สไลด์) (REST/CLI), แอนิเมชัน Figma Motion (MCP), และเชเดอร์ (แหล่ง MCP / การส่งออกแบบเนทีฟ) ใช้เมื่อผู้ใช้วางลิงก์ figma.com หรือขอให้นำดีไซน์, เฟรม, โลโก้, แบรนด์, หรือแอนิเมชันจาก Figma เข้าสู่วิดีโอ/องค์ประกอบ

ใช้เป็นตัวเลือกสำรองสำหรับการเขียนวิดีโอประกอบ HyperFrames HTML แบบกำหนดเอง เมื่อไม่มีเวิร์กโฟลว์เฉพาะที่เหมาะสม ครอบคลุมผลงานแบบยาวหรือหลายฉาก แบรนด์/ซิซเซิลรีล มอนเทจ การ์ดไตเติ้ล โมชันโปสเตอร์แบบยาว ลูปนิ่ง และองค์ประกอบอิสระในทุกความยาวหรือรูปแบบ ไม่ใช่สำหรับโปรโมตผลิตภัณฑ์ที่วางตลาด (product-launch-video) การจับภาพจากเว็บไซต์ทั่วไปเป็นวิดีโอ (website-to-video) วิดีโออธิบายหัวข้อ (faceless-explainer) วิดีโอ GitHub PR (pr-to-video) การใส่คำบรรยายในฟุตเทจที่มีอยู่...

แพ็กเกจวิดีโอทอล์กกิ้งเฮด / สัมภาษณ์ / พอดแคสต์ที่มีอยู่ โดยวางการ์ดกราฟิกโอเวอร์เลย์ที่ออกแบบตามเวลาและจังหวะลงบนวิดีโอที่กำลังเล่น — ชื่อเรื่อง, lower-thirds, การเน้นข้อมูล, คำพูด, แผงด้านข้าง, ภาพซ้อนภาพ — ให้สอดคล้องกับบทถอดความ วิดีโอต้นฉบับเล่นเต็ม; เอเจนต์ออกแบบและเขียนการ์ดแต่ละใบในรูปแบบ HTML ระหว่างการสนทนา จากนั้นเรนเดอร์เป็น MP4 ผ่าน hyperframes ใช้เมื่อผู้ใช้ขอกราฟิกโอเวอร์เลย์, กราฟิกบนหน้าจอ / lower-thirds / การเน้นข้อมูล / ชื่อเรื่องแบบเคลื่อนไหวบนวิดีโอ,...

อ่านข้อความนี้ก่อนสำหรับคำขอใดๆ ที่ต้องการสร้าง, แก้ไข, ทำให้เคลื่อนไหว, หรือเรนเดอร์วิดีโอ, อนิเมชัน, หรือโมชันกราฟิก — ไม่ว่าจะเป็นโปรโมชัน, วิดีโออธิบาย, คลิปที่มีคำบรรยาย, การ์ดไตเติล, โอเวอร์เลย์, หรือองค์ประกอบใดๆ HyperFrames เรนเดอร์วิดีโอจาก HTML; นี่คือสกิลเริ่มต้นและวิธีมาตรฐานที่เอเจนต์ใช้สร้างหรือแก้ไขวิดีโอ โดยจะส่งคำขอไปยังเวิร์กโฟลว์เฉพาะทางที่ถูกต้อง และชี้ไปยังสกิลโดเมนของ HyperFrames ดังนั้นควรอ่านก่อนสกิลวิดีโอหรืออนิเมชันอื่นๆ แทนที่จะเดาเวิร์กโฟลว์....

ความรู้ด้านแอนิเมชันทั้งหมดสำหรับ HyperFrames — กฎการเคลื่อนไหวระดับอะตอม, บลูพริ้นท์ฉากแบบหลายเฟส, การเปลี่ยนฉาก, เทคนิคการออกแบบการเคลื่อนไหวในวงกว้าง และอะแดปเตอร์รันไทม์ทั้งเจ็ดตัว (GSAP เริ่มต้น, รวมถึง Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API, TypeGPU) ใช้สำหรับงานเคลื่อนไหวหรือแอนิเมชันใดๆ: เลือก 2-4 กฎแล้วประกอบ, หรือโหลดบลูพริ้นท์, หรือค้นหา API เฉพาะรันไทม์ (เช่น GSAP eases / Lottie player / Three.js mixer) HyperFrames-native: ไทม์ไลน์ที่หยุดชั่วคราวเส้นเดียว, ปลอดภัยต่อการค้นหา,...

HyperFrames CLI dev loop — `npx hyperframes` for scaffolding (init), validation (lint, inspect), preview, render, and environment troubleshooting (doctor, browser, info, upgrade). Use when running any of these commands or troubleshooting the HyperFrames build/render environment. For asset preprocessing commands (`tts`, `transcribe`, `remove-background`), invoke the `hyperframes-media` skill instead.

สัญญาการประกอบ HyperFrames HTML ใช้สำหรับโครงสร้างการประกอบ, แอตทริบิวต์ข้อมูล, คลิป, แทร็ก, การประกอบย่อย, ตัวแปร, การเล่นสื่อ, กฎการเรนเดอร์ที่กำหนดได้, และการตรวจสอบโปรเจกต์ที่เรนเดอร์ได้ขั้นต่ำ

Non-animation creative direction for HyperFrames videos. Use for design spec (frame.md / design.md) handling, palettes, typography, narration, beat planning, audio-reactive visuals, composition patterns, and brand / style decisions. For atomic motion patterns and scene blueprints, use `hyperframes-animation`.

Use when a HyperFrames composition needs seek-safe 2D/3D keyframes, GSAP timelines, CSS keyframes, Anime.js, WAAPI, FLIP, paths, masks, SVG morph/draw, text trails, 3D depth, or `hyperframes keyframes` diagnostics. Don't use for broad scene strategy, brand design, media sourcing, captions, or general video planning.

การประมวลผลสินทรัพย์ล่วงหน้าสำหรับองค์ประกอบ HyperFrames — TTS หลายผู้ให้บริการ (HeyGen / ElevenLabs / Kokoro ในเครื่อง), BGM หลายผู้ให้บริการ (Google Lyria / MusicGen ในเครื่อง), การถอดเสียง Whisper, การลบพื้นหลัง, และการเขียนคำบรรยาย ใช้สำหรับ npx hyperframes tts, bgm, transcribe, remove-background, การเลือกเสียง/ผู้ให้บริการ, การกระตุ้นอารมณ์ดนตรี, คำบรรยาย / คำอธิบายใต้ภาพ / เนื้อเพลง / คาราโอเกะ / การจัดรูปแบบต่อคำ

เริ่มต้นที่นี่สำหรับคำขอใดๆ ในการสร้าง, ผลิต, แต่ง, ทำภาพเคลื่อนไหว, หรือเรนเดอร์วิดีโอ, แอนิเมชัน, กราฟิกเคลื่อนไหว, วิดีโออธิบาย, การ์ดไตเติ้ล, โอเวอร์เลย์, วิดีโอที่มีคำบรรยาย, โปรโมทสินค้า, วิดีโอสำหรับเว็บไซต์, วิดีโอประชาสัมพันธ์หรือบันทึกการเปลี่ยนแปลง, มอนเทจข้อมูล, โปสเตอร์เคลื่อนไหว, หรือองค์ประกอบ HTML ของ HyperFrames ใช้ก่อนทักษะวิดีโอหรือแอนิเมชันอื่นๆ เมื่อผู้ใช้ต้องการให้ HyperFrames สร้างหรือเรนเดอร์วิดีโอ MP4/เว็บที่เสร็จสมบูรณ์, เลือกเวิร์กโฟลว์, หรือกำหนดเส้นทางระหว่างวิดีโอเปิดตัวผลิตภัณฑ์, วิดี

ติดตั้งและเชื่อมต่อบล็อกและคอมโพเนนต์ของ registry เข้ากับองค์ประกอบ HyperFrames ใช้เมื่อรันคำสั่ง hyperframes add, ติดตั้งบล็อกหรือคอมโพเนนต์, เชื่อมต่อรายการที่ติดตั้งแล้วเข้ากับ index.html, หรือทำงานกับ hyperframes.json ครอบคลุมคำสั่ง add, ตำแหน่งการติดตั้ง, การเชื่อมต่อบล็อกย่อย, การรวมคอมโพเนนต์ snippet, การค้นพบ registry, และการสร้างบล็อกหรือคอมโพเนนต์ใหม่เพื่อส่งกลับต้นทาง (แนวคิด → โครงร่าง → ตรวจสอบ → PR)

Agent Media OS — resolve any media need (BGM, SFX, image, icon) into a frozen local file + ledger record. One verb (`resolve`) handles the full cascade — project cache, global cache, HeyGen catalog search, freeze, register. Keeps search noise on disk, hands the agent a path. Use when a composition needs background music, sound effects, images, or icons.

ใช้เมื่อผู้ใช้ต้องการโมชั่นกราฟิกที่เน้นการออกแบบและให้การเคลื่อนไหวเป็นสาระสำคัญ เช่น kinetic typography, การนับตัวเลขหรือสถิติ, การแสดงข้อมูล/แผนภูมิ, logo sting, brand lockup, lower-third, callout, social overlay, หัวข้อ/ทวีต/ข่าวแบบเคลื่อนไหว, โปสเตอร์เคลื่อนไหว, หรือการเน้นส่วนของหน้าที่จับภาพอย่างรวดเร็ว โดยทั่วไปมีความยาวต่ำกว่า 10 วินาทีถึงประมาณ 30 วินาที ไม่มีโครงสร้างการเล่าเรื่อง เสียงพากย์ หรือตัวแสดงจริง สามารถเรนเดอร์เป็น MP4 หรือโอเวอร์เลย์โปร่งใส ไม่เหมาะสำหรับชิ้นงานที่ยาว มีหลายฉาก มีการเล่าเรื่อง หรือเป็นรีลของแบรนด์...

ใช้เมื่อผู้ใช้มีแทร็กเพลง (ไฟล์เสียง หรือวิดีโอที่จะดึงเสียงออกมา) และต้องการวิดีโอ HyperFrames ที่ซิงค์กับจังหวะ ตั้งแต่แบบนุ่มนวลไปจนถึงหนักแน่น เพลงขับเคลื่อนทุกอย่าง: ตัววิเคราะห์หนึ่งตัวอ่านเพลงครั้งเดียว ตัวจัดเรียงวางเฟรมและเติมแผนต่อเฟรม และตัวแทนย่อยหนึ่งตัวสร้างแต่ละเฟรม การพิมพ์และเทมเพลตเป็นพื้นฐาน — วิดีโอที่สมบูรณ์ไม่ต้องใช้ทรัพยากรใดๆ — แต่รูปภาพหรือวิดีโอใดๆ ที่ผู้ใช้จัดหาจะถูกตัดเข้าสู่เฟรมบนกริดจังหวะเดียวกัน (ตัดตามจังหวะ /...

pr-to-video workflow - คำขอรวมโค้ดของ GitHub (URL เช่น github.com/ / /pull/ หรือ / # หรือ "this PR" ใน repo ที่เช็คเอาท์แล้ว) -> ข้อเท็จจริงของ PR ที่ถูกดึงมา (ชื่อเรื่อง, เนื้อหา, diff, คอมมิต, ไฟล์, สถิติ +/-) -> narrator_scripts.json + เสียง (เสียงพูด + BGM) + section_plan.md -> วิดีโออธิบาย code-diff / before-after / impact. อินพุตคือการเปลี่ยนแปลงโค้ด. URL คือลิงก์ PR ไม่ใช่เว็บไซต์การตลาดที่ต้องขูดข้อมูล; ไม่ใช่สรุปข้อความสั้น และไม่ใช่เว็บไซต์ผลิตภัณฑ์. สำหรับอินพุตที่ไม่ใช่ PR (เว็บไซต์ผลิตภัณฑ์, เว็บไซต์ทั่วไป, ข้อความหัวข้อ),...

ใช้เมื่อผู้ใช้ต้องการวิดีโอเปิดตัวผลิตภัณฑ์ โปรโมท SaaS เปิดตัวฟีเจอร์ วิดีโอการตลาดสำหรับแอป/บริษัท/เว็บไซต์ หรือเปลี่ยนสคริปต์/สรุปให้เป็นวิดีโอที่เน้นผลิตภัณฑ์ สิ่งที่กระตุ้นให้ใช้ ได้แก่ วิดีโอเปิดตัว X โปรโมทเว็บไซต์ของเรา อธิบาย SaaS ของฉันในหนึ่งนาที เปิดตัวฟีเจอร์สำหรับ X.com และเปลี่ยนสคริปต์นี้เป็นโปรโมท 60 วินาที อาจใช้ URL ผลิตภัณฑ์/การตลาดเพื่อจับภาพแบรนด์ หรือโหมดไม่จับภาพจากสรุป/สคริปต์ ไม่ใช้สำหรับวิดีโออธิบายหัวข้อที่ไม่มีผลิตภัณฑ์หรือ URL (faceless-explainer) การเปลี่ยนแปลงโค้ด/PR ของ GitHub...

แปลองค์ประกอบวิดีโอ Remotion (ที่ใช้ React) ที่มีอยู่ให้เป็นองค์ประกอบ HTML ของ HyperFrames ใช้เฉพาะเมื่อผู้ใช้ขอให้พอร์ต, แปลง, ย้าย, แปลภาษา, หรือเขียนองค์ประกอบ Remotion ใหม่เป็น HyperFrames อย่างชัดเจน (เช่น "พอร์ตโปรเจกต์ Remotion ของฉันไปยัง HyperFrames") ห้ามใช้เมื่อ (ก) กำลังสร้างองค์ประกอบ HyperFrames ใหม่ (แม้จะทดสอบ A/B กับวิดีโอ Remotion); (ข) มีการกล่าวถึง Remotion แบบผ่านๆ; (ค) มีการแชร์โค้ด Remotion เป็นข้อมูลอ้างอิง ไม่ใช่เพื่อการแปล; (ง) ผู้ใช้ต้องการ...

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

แพ็กเกจวิดีโอทอล์กกิ้งเฮด / สัมภาษณ์ / พอดแคสต์ที่มีอยู่ โดยวางการ์ดกราฟิกโอเวอร์เลย์ที่ออกแบบตามเวลาไว้บนวิดีโอที่กำลังเล่น — หัวเรื่อง, แถบข้อความล่าง, การเรียกข้อมูล, คำพูด, แผงด้านข้าง, ภาพซ้อนภาพ — ที่ซิงค์กับบทถอดความ วิดีโอต้นฉบับเล่นเต็มรูปแบบ; เอเจนต์ออกแบบและเขียน HTML ของการ์ดแต่ละใบในระหว่างการสนทนา จากนั้นเรนเดอร์เป็น MP4 ผ่าน hyperframes ใช้เมื่อผู้ใช้ขอกราฟิกโอเวอร์เลย์, กราฟิกบนหน้าจอ / แถบข้อความล่าง / การเรียกข้อมูล / หัวเรื่องเคลื่อนไหวบนวิดีโอ,...

จับภาพเว็บไซต์/URL ทั่วไปและแปลงเป็นวิดีโอ HyperFrames (ทัวร์เว็บไซต์ การนำเสนอ หรือคลิปโซเชียลจากภาพของเว็บไซต์เอง) ใช้ภาพหน้าจอจาก Chrome แบบไม่มีส่วนหัวร่วมกับทรัพยากรแบรนด์ ใช้เมื่อเจตนาทั่วไป — การนำเสนอพอร์ตโฟลิโอ/บล็อก/แลนดิ้งเพจ หรือคลิปโซเชียลจากเว็บไซต์ ไม่ใช่สำหรับ: การเปิดตัวหรือโปรโมทผลิตภัณฑ์/SaaS (→ /product-launch-video แม้จะมาจาก URL); การอธิบายหัวข้อที่ไม่มีเว็บไซต์ (→ /faceless-explainer); GitHub PR (→ /pr-to-video); การเพิ่มคำบรรยายให้วิดีโอที่มีอยู่ (→...