Skills Heygen Com

hyperframes/.agents/skills/captions-overlay

Doktrin overlay untuk alur kerja embedded-captions — MODEL caption (drop / rail / embed) dan aturan bahwa caption adalah OVERLAY yang dikompositkan di atas film, bukan pita bawah yang dicadangkan untuk menggeser konten ke atas agar terhindar. Muat saat menambahkan caption/subtitle ke video talking-head atau video peluncuran, saat memutuskan apakah sebuah frasa harus di-drop, mengikuti rail verbatim, atau dipromosikan ke klimaks embedded yang langka, saat menyusun komposisi yang akan membawa caption (JANGAN cadangkan...

hyperframes/.agents/skills/changelog-video

Ubah changelog .md mingguan menjadi video changelog bermerek yang sudah jadi (1080 persegi, ~45-60 detik, VO Annie, latar belakang merek animasi, visualisasi mock-UI, teks takarir sederhana). Gunakan saat pengguna memberikan changelog/digest markdown dan menginginkan video mingguan, atau mengatakan "changelog video". Mandiri — font, latar belakang, leksikon, dan skrip disertakan dalam skill ini.

hyperframes/.agents/skills/cut-the-curve

Katalog teknik: lima SEAMS yang cocok dengan kecepatan (zoom-through, INVERSE zoom-through, cut-the-curve, waterfall cut, rack-focus blur-cut) plus dua teknik dalam adegan — waterfall ENTRY (kaskade kedatangan bertahap untuk kartu judul / pembuka segmen) dan kurva nudge (slide grup tiga fase lambat-cepat-lambat). Mencakup pencocokan kecepatan perjalanan parsial (~12% dari bingkai) melalui ease power4 yang dicerminkan, aturan tanda skala Z, blur berskala ukuran (teks 10px / 18-20px full-frame), bertahap kata demi kata...

hyperframes/skills/embedded-captions

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...

hyperframes/skills/faceless-explainer

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....

hyperframes/skills/figma

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.

hyperframes/skills/general-video

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...

hyperframes/skills/graphic-overlays

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,...

hyperframes/skills/hyperframes

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....

hyperframes/skills/hyperframes-animation

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/skills/hyperframes-audio

Use when audio already placed in a HyperFrames composition needs to be mixed: a music bed that fights a voiceover (voiceover carve), effects on a track (EQ, compressor, limiter, gate, saturation, delay, reverb, chorus, phaser, bitcrush), or automation envelopes drawn on a track's volume or any effect parameter. Don't use for sourcing or generating audio — finding BGM, SFX, or making a voiceover is `/media-use`. Don't use for clip timing or track layout, which is `/hyperframes-core`.

hyperframes/skills/hyperframes-cli

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/skills/hyperframes-core

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.

hyperframes/skills/hyperframes-creative

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`.

hyperframes/skills/hyperframes-keyframes

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/skills/hyperframes-media

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.

hyperframes/skills/hyperframes-read-first

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,...

hyperframes/skills/hyperframes-registry

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).

hyperframes/skills/media-use

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.

hyperframes/.agents/skills/motion-doctrine

GATEWAY — muat PERTAMA sebelum menyusun animasi atau video HyperFrames apa pun. Hukum gerak tingkat tinggi yang membuat video multi-scene terasa seperti SATU gerakan kamera yang berkelanjutan, bukan tumpukan slide yang dianimasikan secara independen. Mencakup hukum vektor (cara Anda keluar menentukan cara Anda masuk, termasuk aturan tanda skala-Z), arus film, elemen pembawa, gerak kausal, Seam Gate (penegakan build-gate), larangan goyangan idle (gerak harus BERPERAN, bukan bernapas), keheningan sebelum klimaks, dan...

hyperframes/skills/motion-graphics

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...

hyperframes/skills/music-to-video

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 /...

hyperframes/.agents/skills/oversized-cursor

Teknik kursor macOS berukuran besar ala house-style untuk video peluncuran HyperFrames. Muat setiap kali adegan melibatkan kursor atau aksi yang dipandu penunjuk, saat memulai adegan UI, saat memicu jalur morph/transisi/pengetikan dengan klik, atau saat adegan terasa statis, mati, atau basi dan membutuhkan sumber gerakan murah dengan hasil tinggi untuk membawa mata penonton dan mengeluarkan mereka dari keadaan basi tersebut. Mencakup ukuran/tampilan kursor (termasuk kursor bermotif merek), aturan masuk dari luar layar, penargetan ujung, dan klik...

hyperframes/skills/pr-to-video

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),...

hyperframes/skills/product-launch-video

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...

hyperframes/skills/remotion-to-hyperframes

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...

hyperframes/.agents/skills/seam-craft

Doktrin kebenaran render untuk sambungan antar-scene dalam video peluncuran HyperFrames — prasyarat yang membuat transisi tersusun dengan benar di timeline master. Muat saat merakit timeline master / index.html, saat kilatan putih muncul pada sambungan potongan atau crossfade (terutama pada film gelap), saat menalar mengapa penurunan opasitas transisi terlihat menembus, atau saat memverifikasi mekanika sisi render tentang bagaimana pembungkus scene yang tumpang tindih menyatu. Mencakup dasar panggung yang buram (#root...

hyperframes/skills/slideshow

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.

hyperframes/skills/talking-head-recut

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,...

hyperframes/skills/website-to-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 (→...