Skills Heygen Com

Tambahkan teks ke video wajah yang berbicara. SATU katalog (CATALOG.md) dari 32 identitas visual di balik dua mesin: column-flow (teks dikomposit ke DALAM adegan — oklusi matte + campuran campuran; cream/ink/editorial/keynote/documentary/loud/neon/glitch/chrome/velocity) dan konstitusi bertema (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...

alur kerja video faceless-explainer - teks arbitrer (artikel / catatan / topik / ringkasan) -> narrator_scripts.json + audio (suara + BGM) + section_plan.md -> video tipografi / grafik abstrak / diagram / visualisasi data. Durasi tipikal hingga ~3 menit (titik optimal ~30-90 detik); konten yang benar-benar lebih panjang adalah video umum, bukan alur kerja ini. Menghasilkan narasi (TTS) sendiri — tidak menyinkronkan dengan sulih suara yang disediakan/direkam pengguna (itu adalah video umum). Tidak ada tangkapan layar situs web, tidak ada tangkapan layar produk asli....

Impor konten Figma ke dalam komposisi HyperFrames — aset yang dirender, token merek, komponen, bagian storyboard → gerakan yang direkonstruksi (frame dibaca sebagai status, bukan slide) (REST/CLI), animasi Figma Motion (MCP), dan shader (sumber MCP / ekspor asli). Gunakan saat pengguna menempelkan tautan figma.com atau meminta untuk membawa desain, frame, logo, merek, atau animasi Figma ke dalam video/komposisi.

Gunakan sebagai cadangan untuk pembuatan komposisi video HTML HyperFrames kustom ketika tidak ada alur kerja khusus yang cocok. Mencakup potongan panjang atau multi-adegan, reel merek/sizzle, montase, kartu judul, poster gerak dengan durasi panjang, loop statis, dan komposisi bebas dalam format atau panjang apa pun. Bukan untuk promosi produk yang dipasarkan (product-launch-video), tangkapan video dari situs web umum (website-to-video), penjelas topik (faceless-explainer), video PR GitHub (pr-to-video), pemberian teks pada rekaman yang sudah ada...

Kemas video wawancara / podcast / talking-head yang sudah ada dengan melapisi kartu GRAPHIC OVERLAY yang diatur waktunya dan dirancang ke dalam video yang sedang diputar — judul, lower-thirds, data callout, kutipan, panel samping, picture-in-picture — yang disinkronkan dengan transkrip. Video sumber diputar sepenuhnya; agen merancang dan menulis HTML setiap kartu dalam percakapan, lalu merender ke MP4 melalui hyperframes. Gunakan saat pengguna meminta graphic overlay, grafik di layar / lower-thirds / data callout / judul kinetik pada video,...

BACA INI TERLEBIH DAHULU untuk setiap permintaan membuat, mengedit, menganimasikan, atau merender video, animasi, atau grafik gerak — baik itu promo, video penjelas, klip dengan teks, kartu judul, overlay, atau komposisi apa pun. HyperFrames merender video dari HTML; ini adalah skill utama dan cara default agen menulis atau mengedit video. Skill ini mengarahkan permintaan ke alur kerja khusus yang tepat dan menunjuk ke skill domain HyperFrames, jadi bacalah ini sebelum skill video atau animasi lainnya, jangan menebak-nebak alur kerja....

Semua pengetahuan animasi untuk HyperFrames — aturan gerak atomik, cetak biru adegan multi-fase, transisi adegan, teknik desain gerak yang lebih luas, DAN tujuh adaptor runtime (GSAP default, plus Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API, TypeGPU). Gunakan untuk tugas gerak atau animasi apa pun: pilih 2-4 aturan dan susun, atau muat cetak biru, atau cari API khusus runtime (mis. GSAP eases / Lottie player / Three.js mixer). Asli HyperFrames: linimasa jeda tunggal, aman-cari,...

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.

Kontrak komposisi HTML HyperFrames. Digunakan untuk struktur komposisi, atribut data, klip, trek, sub-komposisi, variabel, pemutaran media, aturan render deterministik, dan validasi proyek minimal yang dapat dirender.

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.

Prapemrosesan aset untuk komposisi HyperFrames — TTS multi-penyedia (HeyGen / ElevenLabs / Kokoro lokal), BGM multi-penyedia (Google Lyria / MusicGen lokal), transkripsi Whisper, penghapusan latar belakang, dan pembuatan takarir. Gunakan untuk npx hyperframes tts, bgm, transcribe, remove-background, pemilihan suara/penyedia, pengaturan suasana musik, takarir / subtitle / lirik / karaoke / gaya per kata.

Mulailah di sini untuk setiap permintaan membuat, menciptakan, menghasilkan, mengedit, menganimasikan, atau merender video, animasi, grafik gerak, video penjelas, kartu judul, hamparan, video dengan teks, promosi produk, video situs web, video PR atau changelog, montase data, poster gerak, atau komposisi HTML HyperFrames. Gunakan sebelum keterampilan video atau animasi lainnya ketika pengguna ingin HyperFrames menulis atau merender video MP4/web yang sudah jadi, memilih alur kerja, atau merutekan antara video peluncuran produk, video penjelas tanpa wajah, situs web-ke-video,...

Pasang dan hubungkan blok serta komponen registry ke dalam komposisi HyperFrames. Gunakan saat menjalankan hyperframes add, memasang blok atau komponen, menghubungkan item yang sudah terpasang ke index.html, atau bekerja dengan hyperframes.json. Mencakup perintah add, lokasi pemasangan, penghubungan sub-komposisi blok, penggabungan cuplikan komponen, penemuan registry, serta pembuatan blok atau komponen baru untuk kontribusi ke hulu (ide → kerangka → validasi → 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.

Gunakan saat pengguna menginginkan grafik gerak pendek berbasis desain di mana gerakan adalah pesannya: tipografi kinetik, hitungan angka atau statistik, pukulan grafik data, logo sting, penguncian merek, sepertiga bawah, callout, overlay sosial, judul/cuitan/berita animasi, poster gerak, atau sorotan halaman yang ditangkap cepat. Biasanya di bawah 10 detik dan hingga ~30 detik, tanpa alur narasi, sulih suara, atau subjek aksi langsung. Dapat dirender ke MP4 atau overlay transparan. Bukan untuk karya yang lebih panjang, multi-adegan, bernarasi, atau potongan reel merek...

Gunakan saat pengguna memiliki trek musik (file audio, atau video untuk mengambil audio) dan menginginkan video HyperFrames yang tersinkronisasi beat, dari yang tenang hingga keras. Musik mengendalikan segalanya: satu penganalisis membacanya sekali, pengatur tata letak menyusun bingkai dan mengisi rencana per bingkai, dan satu sub-agen membangun setiap bingkai. Tipografi dan templat adalah dasar — video lengkap tidak memerlukan aset apa pun — tetapi gambar atau video apa pun yang disediakan pengguna dipotong ke dalam bingkai pada grid beat yang sama (potongan beat /...

pr-to-video workflow - sebuah pull request GitHub (URL seperti github.com/ / /pull/ , atau / # , atau "PR ini" di repositori yang sudah di-checkout) -> fakta PR yang diolah (judul, body, diff, commit, file, statistik +/-) -> narrator_scripts.json + audio (suara + BGM) + section_plan.md -> video penjelas code-diff / before-after / dampak. Input adalah PERUBAHAN KODE. URL tersebut adalah tautan PR, BUKAN situs pemasaran untuk di-scrape; bukan ringkasan teks dan bukan situs produk. Untuk input non-PR (situs produk, situs umum, teks topik),...

Gunakan saat pengguna menginginkan video peluncuran produk, promosi SaaS, pengungkapan fitur, video pemasaran aplikasi/perusahaan/situs, atau naskah/brief yang diubah menjadi video berfokus produk. Pemicu termasuk video peluncuran untuk X, promosi untuk situs kami, jelaskan SaaS saya dalam satu menit, pengungkapan fitur untuk X.com, dan ubah naskah ini menjadi promosi 60 detik. Dapat menggunakan URL produk/pemasaran untuk pengambilan merek atau mode tanpa pengambilan dari brief/naskah. Bukan untuk penjelas topik tanpa produk atau URL (faceless-explainer), PR GitHub/perubahan kode...

Terjemahkan komposisi video Remotion (berbasis React) yang sudah ada menjadi komposisi HTML HyperFrames. HANYA gunakan saat pengguna secara eksplisit meminta untuk mem-port, mengonversi, memigrasikan, menerjemahkan, atau menulis ulang komposisi Remotion sebagai HyperFrames (misalnya "port proyek Remotion saya ke HyperFrames"). JANGAN gunakan saat (a) membuat komposisi HyperFrames BARU (meskipun melakukan A/B-testing video Remotion); (b) Remotion disebutkan secara sepintas; (c) kode Remotion dibagikan sebagai referensi, bukan untuk diterjemahkan; (d) pengguna menginginkan...

Buat komposisi slideshow HyperFrames — presentasi, pitch deck, atau deck interaktif dengan slide diskrit, pengungkapan fragmen, urutan bercabang, dan navigasi hotspot. Gunakan sebagai pemeriksaan niat saat pengguna meminta presentasi, pitch deck, slide deck, deck interaktif, atau konversi halaman-ke-deck yang mungkin merupakan slideshow; jika pengguna tidak secara eksplisit meminta slideshow / slide show, konfirmasi sebelum membuat.

Kemas video talking-head / wawancara / podcast yang sudah ada dengan melapisi kartu OVERLAY GRAFIS yang dirancang dan diberi waktu pada video yang diputar — judul, lower-thirds, data callouts, kutipan, panel samping, picture-in-picture — yang disinkronkan dengan transkrip. Video sumber diputar sepenuhnya; agen merancang dan menulis HTML setiap kartu dalam percakapan, lalu merender ke MP4 melalui hyperframes. Gunakan saat pengguna meminta overlay grafis, grafik di layar / lower-thirds / data callouts / judul kinetik pada video,...

Ambil tangkapan layar dari sebuah situs web/URL umum dan ubah menjadi video HyperFrames (tur situs, showcase, atau klip sosial dari visual situs itu sendiri). Menggunakan tangkapan layar Chrome tanpa kepala + aset merek. Gunakan ketika tujuannya bersifat umum — showcase portofolio/blog/halaman arahan atau klip sosial dari situs. BUKAN untuk: peluncuran atau promosi produk/SaaS (→ /product-launch-video, bahkan dari URL); penjelasan topik tanpa situs (→ /faceless-explainer); PR GitHub (→ /pr-to-video); menambahkan teks ke video yang sudah ada (→...