Skills Heygen Com

Add captions to a talking-head video. ONE catalog (CATALOG.md) of 32 visual identities behind two engines: column-flow (captions composited INTO the scene — matte occlusion + mix-blend; cream/ink/editorial/keynote/documentary/loud/neon/glitch/chrome/velocity) and themed constitutions (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....

Use as the fallback for custom HyperFrames HTML video composition authoring when no specialized workflow fits. Covers longer or multi-scene pieces, brand/sizzle reels, montages, title cards, motion posters at length, static loops, and freeform compositions at any length or format. Not for marketed product promos (product-launch-video), general website-to-video capture (website-to-video), topic explainers (faceless-explainer), GitHub PR videos (pr-to-video), captioning existing footage...

Package an existing talking-head / interview / podcast video by layering timed, designed GRAPHIC OVERLAY cards onto the playing video — titles, lower-thirds, data callouts, quotes, side panels, picture-in-picture — synced to the transcript. The source video plays in full; the agent designs and writes each card's HTML in conversation, then renders to MP4 via hyperframes. Use when the user asks for graphic overlays, on-screen graphics / lower-thirds / data callouts / kinetic titles on a video,...

All animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broader motion-design techniques, AND the seven runtime adapters (GSAP default, plus Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API, TypeGPU). Use for any motion or animation task: pick 2-4 rules and compose, or load a blueprint, or look up runtime-specific API (e.g. GSAP eases / Lottie player / Three.js mixer). HyperFrames-native: single paused timeline, seek-safe,...

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 composition contract. Use for composition structure, data attributes, clips, tracks, sub-compositions, variables, media playback, deterministic render rules, and validation of minimal renderable projects.

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

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

Use when the user wants a short, design-led motion graphic where motion is the message: kinetic typography, stat or number count-up, chart/data-viz hit, logo sting, brand lockup, lower-third, callout, social overlay, animated headline/tweet/news item, motion poster, or quick captured-page highlight. Usually under 10s and up to ~30s, with no narration arc, voice-over, or live-action subject. Can render to MP4 or transparent overlay. Not for longer, multi-scene, narrated, or brand-reel pieces...

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

Translate an existing Remotion (React-based) video composition into a HyperFrames HTML composition. Use ONLY when the user explicitly asks to port, convert, migrate, translate, or rewrite a Remotion composition as HyperFrames (e.g. "port my Remotion project to HyperFrames"). Do NOT use when (a) authoring a NEW HyperFrames composition (even if A/B-testing a Remotion video); (b) Remotion is mentioned in passing; (c) Remotion code is shared as reference, not for translation; (d) the user wants...

Capture a general website/URL and turn it into a HyperFrames video (site tour, showcase, or social clip from the site's own visuals). Uses headless Chrome screenshots + brand assets. Use when intent is general — portfolio/blog/landing-page showcase or social clip from the site. NOT for: product/SaaS launch or promo (→ /product-launch-video, even from a URL); topic explainer with no site (→ /faceless-explainer); GitHub PR (→ /pr-to-video); adding captions to existing video (→...