Heygen Com Skills

hyperframes/.agents/skills/captions-overlay

Overlay-Doktrin für den Embedded-Captions-Workflow — das Caption-MODELL (drop / rail / embed) und die Regel, dass Captions ein OVERLAY sind, das über dem Film komponiert wird, niemals ein reserviertes unteres Band, um das man den Inhalt anhebt. Laden beim Hinzufügen von Untertiteln/Captions zu einem Talking-Head- oder Launch-Video, bei der Entscheidung, ob eine Phrase gedroppt werden soll, auf der wörtlichen Rail fahren oder zu einem seltenen eingebetteten Höhepunkt befördert werden soll, beim Layout einer Komposition, die Captions tragen wird (reservieren Sie KEIN...

hyperframes/.agents/skills/changelog-video

Verwandle eine wöchentliche Changelog-.md-Datei in ein fertiges, markenkonformes Changelog-Video (quadratisch, 1080, ca. 45–60 Sekunden, Annie-Sprachausgabe, animierter Markenhintergrund, Mock-UI-Visualisierungen, dezente Untertitel). Verwende dies, wenn der Nutzer ein Changelog-/Digest-Markdown bereitstellt und das wöchentliche Video wünscht oder „Changelog-Video“ sagt. In sich geschlossen – Schriftarten, Hintergrund, Lexikon und Skripte sind in dieser Skill enthalten.

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

Der Technikkatalog: fünf geschwindigkeitsangepasste SEAMS (Zoom-Through, INVERSE Zoom-Through, Cut-the-Curve, Waterfall-Cut, Rack-Focus-Blur-Cut) plus die zwei In-Scene-Techniken — Waterfall-ENTRY (gestaffelte Ankunftskaskaden für Titelcards / Segment-Opener) und die Nudge-Kurve (langsam-schnell-langsam Dreiphasen-Gruppenslides). Behandelt Geschwindigkeitsanpassung bei Teilbewegung (~12 % des Frames) über gespiegelte Power4-Easings, die Z-Skalen-Vorzeichenregel, größenabhängiges Blur (10px Text / 18–20px Vollbild), wortweises Staffeln...

hyperframes/skills/embedded-captions

Füge einem Talking-Head-Video Untertitel hinzu. EIN Katalog (CATALOG.md) mit 32 visuellen Identitäten hinter zwei Engines: column-flow (Untertitel IN die Szene komponiert — matte occlusion + mix-blend; cream/ink/editorial/keynote/documentary/loud/neon/glitch/chrome/velocity) und thematische Verfassungen (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

faceless-explainer Video-Workflow - beliebiger Text (Artikel / Notizen / Thema / Kurzfassung) -> narrator_scripts.json + Audio (Sprache + Hintergrundmusik) + section_plan.md -> Typografie / abstrakte Grafiken / Diagramme / Datenvisualisierungs-Video. Typische Länge bis zu ca. 3 Minuten (Sweet Spot ca. 30-90 Sekunden); ein wirklich längerer Beitrag ist ein allgemeines Video, nicht dieser Workflow. Erzeugt EIGENE Sprachausgabe (TTS) – es synchronisiert sich nicht mit einer vom Benutzer bereitgestellten / vorab aufgenommenen Voiceover (das ist allgemeines Video). Kein Website-Capture, keine echten Produkt-Screenshots....

hyperframes/skills/figma

Figma-Inhalte in eine HyperFrames-Komposition importieren — gerenderte Assets, Marken-Tokens, Komponenten, Storyboard-Abschnitte → rekonstruierte Bewegung (Frames als Zustände gelesen, nicht als Folien) (REST/CLI), Figma-Motion-Animationen (MCP) und Shader (MCP-Quelle / nativer Export). Verwenden, wenn der Benutzer einen figma.com-Link einfügt oder darum bittet, ein Figma-Design, einen Frame, ein Logo, eine Marke oder eine Animation in ein Video/eine Komposition zu bringen.

hyperframes/skills/general-video

Wird als Fallback für die Erstellung benutzerdefinierter HyperFrames-HTML-Videokompositionen verwendet, wenn kein spezialisierter Workflow passt. Deckt längere oder mehrszenige Stücke, Brand-/Sizzle-Reels, Montagen, Titelcards, Motion-Poster in voller Länge, statische Loops und freie Kompositionen jeder Länge oder jedes Formats ab. Nicht für vermarktete Produkt-Promos (product-launch-video), allgemeine Website-zu-Video-Aufnahmen (website-to-video), thematische Erklärvideos (faceless-explainer), GitHub-PR-Videos (pr-to-video), Untertitelung vorhandenen Filmmaterials...

hyperframes/skills/graphic-overlays

Verpacke ein bestehendes Talking-Head-/Interview-/Podcast-Video, indem du zeitlich abgestimmte, gestaltete GRAFIK-OVERLAY-Karten auf das laufende Video legst – Titel, Einblendungen, Datenaufrufe, Zitate, Seitenleisten, Bild-im-Bild – synchron zum Transkript. Das Quellvideo läuft vollständig; der Agent entwirft und schreibt jede Karte als HTML im Gespräch und rendert sie dann über Hyperframes zu MP4. Verwende dies, wenn der Benutzer nach Grafik-Overlays, Bildschirmgrafiken / Einblendungen / Datenaufrufen / kinetischen Titeln auf einem Video fragt,...

hyperframes/skills/hyperframes

Lies dies zuerst für jede Anfrage zum Erstellen, Bearbeiten, Animieren oder Rendern eines Videos, einer Animation oder einer Bewegungsgrafik – eines Werbespots, Erklärvideos, untertitelten Clips, Titelcards, Overlays oder einer beliebigen Komposition. HyperFrames rendert Videos aus HTML; dies ist die Einstiegsfertigkeit und die Standardmethode, mit der ein Agent Videos erstellt oder bearbeitet. Sie leitet die Anfrage an den richtigen spezialisierten Workflow weiter und verweist auf die HyperFrames-Domänenfertigkeiten. Lesen Sie sie daher vor jeder anderen Video- oder Animationsfertigkeit, anstatt einen Workflow zu erraten.

hyperframes/skills/hyperframes-animation

Sämtliches Animationswissen für HyperFrames – atomare Bewegungsregeln, mehrphasige Szenenbaupläne, Szenenübergänge, umfassendere Motion-Design-Techniken UND die sieben Laufzeitadapter (GSAP-Standard, plus Lottie, Three.js, Anime.js, CSS-Keyframes, Web Animations API, TypeGPU). Für jede Bewegungs- oder Animationsaufgabe verwendbar: 2-4 Regeln auswählen und kombinieren, einen Bauplan laden oder laufzeitspezifische API nachschlagen (z. B. GSAP-Easing / Lottie-Player / Three.js-Mixer). HyperFrames-nativ: einzelne pausierte Timeline, suchsicher,...

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

HyperFrames HTML-Kompositionsvertrag. Verwendung für Kompositionsstruktur, Datenattribute, Clips, Tracks, Unterkompositionen, Variablen, Medienwiedergabe, deterministische Renderregeln und Validierung minimal renderbarer Projekte.

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

Asset-Vorverarbeitung für HyperFrames-Kompositionen — Multi-Provider TTS (HeyGen / ElevenLabs / Kokoro lokal), Multi-Provider BGM (Google Lyria / lokales MusicGen), Whisper-Transkription, Hintergrundentfernung und Untertitel-Erstellung. Verwendung für npx hyperframes tts, bgm, transcribe, remove-background, voice/provider-Auswahl, music-mood-Prompting, captions / subtitles / lyrics / karaoke / per-word-styling.

hyperframes/skills/hyperframes-read-first

Beginne hier bei jeder Anfrage zum Erstellen, Generieren, Bearbeiten, Animieren oder Rendern eines Videos, einer Animation, eines Bewegtgrafiks, eines Erklärvideos, einer Titelgrafik, einer Einblendung, eines Videos mit Untertiteln, eines Produktwerbevideos, eines Website-Videos, eines PR- oder Changelog-Videos, einer Datenmontage, eines Bewegtposters oder einer HyperFrames HTML-Komposition. Vor anderen Video- oder Animationsfähigkeiten verwenden, wenn der Benutzer wünscht, dass HyperFrames ein fertiges MP4/Web-Video erstellt oder rendert, einen Workflow auswählt oder zwischen Produkt-Launch-Video, gesichtslosem Erklärvideo, Website-zu-Video,... weiterleitet.

hyperframes/skills/hyperframes-registry

Installieren und einbinden von Registry-Blöcken und -Komponenten in HyperFrames-Kompositionen. Verwenden beim Ausführen von hyperframes add, Installieren eines Blocks oder einer Komponente, Einbinden eines installierten Elements in index.html oder Arbeiten mit hyperframes.json. Umfasst den add-Befehl, Installationsorte, Einbindung von Block-Unterkompositionen, Zusammenführung von Komponenten-Snippets, Registry-Erkennung und Erstellung eines neuen Blocks oder einer neuen Komponente für einen Upstream-Beitrag (Idee → Gerüst → Validierung → 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 — zuerst LADEN, bevor du irgendeine HyperFrames-Animation oder ein Video erstellst. Das übergeordnete Bewegungsgesetz, das dafür sorgt, dass sich ein Multi-Szenen-Video wie EINE kontinuierliche Kamerafahrt anfühlt, statt wie ein Stapel unabhängig animierter Folien. Behandelt das Vektorgesetz (wie du hinausgehst, bestimmt, wie du hineinkommst, einschließlich der Z-Skalenvorzeichen-Regel), den Filmstrom, Trägerelemente, kausale Bewegung, das Seam Gate (Build-Gate-Erzwingung), das Verbot von ziellosem Wackeln (Bewegung muss LEISTEN, nicht atmen), Ruhe vor dem Höhepunkt und...

hyperframes/skills/motion-graphics

Verwenden, wenn der Benutzer ein kurzes, designorientiertes Bewegtbild wünscht, bei dem die Bewegung die Botschaft ist: kinetische Typografie, Statistik- oder Zahlen-Count-up, Chart-/Datenvisualisierungs-Effekt, Logo-Sting, Brand-Lockup, Lower-Third, Callout, Social-Overlay, animierte Schlagzeile/Tweet/News-Element, Motion-Poster oder kurze hervorgehobene Seitenaufnahme. Meist unter 10 s und bis zu ~30 s, ohne Erzählbogen, Voice-Over oder Live-Action-Subjekt. Kann als MP4 oder transparentes Overlay ausgegeben werden. Nicht für längere, mehrszenige, erzählte oder Brand-Reel-Stücke...

hyperframes/skills/music-to-video

Verwenden, wenn der Benutzer einen Musiktitel (eine Audiodatei oder ein Video zur Audioextraktion) hat und ein beat-synchronisiertes HyperFrames-Video wünscht, von ruhig bis hart treibend. Die Musik steuert alles: Ein Analysator liest sie einmal, der Orchestrator legt die Frames fest und füllt einen Frame-für-Frame-Plan, und ein Unter-Agent erstellt jeden Frame. Typografie und Vorlagen bilden die Grundlage – ein vollständiges Video benötigt keine Assets – aber alle vom Benutzer bereitgestellten Bilder oder Videos werden auf demselben Beat-Raster in die Frames eingefügt (Beat-Cut /...

hyperframes/.agents/skills/oversized-cursor

Hausstil-Technik mit übergroßem macOS-Cursor für HyperFrames-Startvideos. Immer laden, wenn eine Szene Cursor oder eine zeigergeführte Aktion beinhaltet, beim Start einer UI-Szene, beim Auslösen eines Morph-/Übergangs-/Tippvorgangs mit einem Klick, oder wenn eine Szene statisch, tot oder veraltet wirkt und eine kostengünstige, ergiebige Bewegungsquelle benötigt, um das Auge des Betrachters zu führen und aus dem veralteten Zustand herauszulösen. Umfasst Cursorgröße/-darstellung (inkl. Markenmotiv-Cursor), das Gesetz des Eintritts von außerhalb des Bildschirms, Zielausrichtung auf Punkte und den Klick...

hyperframes/skills/pr-to-video

pr-to-video Workflow – ein GitHub-Pull-Request (URL wie github.com/ / /pull/ , oder / # , oder „this PR“ in einem ausgecheckten Repository) -> erfasste PR-Fakten (Titel, Text, Diff, Commits, Dateien, +/- Statistiken) -> narrator_scripts.json + Audio (Sprache + Hintergrundmusik) + section_plan.md -> Code-Diff / Vorher-Nachher / Auswirkungen-Erklärvideo. Die Eingabe ist eine CODE-ÄNDERUNG. Die URL ist ein PR-Link, KEINE Marketingseite zum Scrapen; kein Text-Briefing und keine Produktwebsite. Für eine Nicht-PR-Eingabe (Produktseite, allgemeine Website, Themen-Text),...

hyperframes/skills/product-launch-video

Verwenden, wenn der Nutzer ein Produkt-Launch-Video, eine SaaS-Werbung, eine Feature-Enthüllung, ein Marketing-Video für eine App/Firma/Website oder ein Skript/Briefing wünscht, das in ein produktorientiertes Video umgewandelt werden soll. Auslöser sind unter anderem Launch-Video für X, Werbung für unsere Website, erkläre mein SaaS in einer Minute, Feature-Enthüllung für X.com und verwandle dieses Skript in eine 60-Sekunden-Werbung. Kann eine Produkt-/Marketing-URL zur Markenerfassung oder den No-Capture-Modus aus einem Briefing/Skript verwenden. Nicht geeignet für thematische Erklärvideos ohne Produkt oder URL (faceless-explainer), GitHub-PR/Code-Änderung...

hyperframes/skills/remotion-to-hyperframes

Übersetze eine bestehende Remotion (React-basierte) Videokomposition in eine HyperFrames HTML-Komposition. Verwende NUR, wenn der Benutzer explizit darum bittet, eine Remotion-Komposition zu portieren, zu konvertieren, zu migrieren, zu übersetzen oder als HyperFrames neu zu schreiben (z. B. „portiere mein Remotion-Projekt zu HyperFrames“). Verwende NICHT, wenn (a) eine NEUE HyperFrames-Komposition erstellt wird (selbst beim A/B-Testen eines Remotion-Videos); (b) Remotion nur beiläufig erwähnt wird; (c) Remotion-Code als Referenz geteilt wird, nicht zur Übersetzung; (d) der Benutzer...

hyperframes/.agents/skills/seam-craft

Render-Korrektheits-Doktrin für Szenen-zu-Szenen-Übergänge in HyperFrames-Startvideos — die Voraussetzungen, die Übergänge auf der Master-Timeline korrekt komponieren. Laden beim Zusammenbauen der Master-Timeline / index.html, wenn ein weißer Blitz an einem Schnitt- oder Crossfade-Übergang erscheint (besonders bei dunklen Filmen), beim Überlegen, warum ein Übergangs-Transparenzabfall durchscheint, oder beim Verifizieren der Render-seitigen Mechanik, wie überlappende Szenen-Wrapper miteinander verschmelzen. Deckt den opaken Bühnenhintergrund (#root...

hyperframes/skills/slideshow

Erstelle eine HyperFrames-Slideshow-Komposition – eine Präsentation, Pitch-Deck oder interaktive Präsentation mit einzelnen Folien, Fragment-Einblendungen, Verzweigungssequenzen und Hotspot-Navigation. Verwende dies als Absichtsprüfung, wenn der Nutzer nach einer Präsentation, einem Pitch-Deck, einer Folienpräsentation, einem interaktiven Deck oder einer Seiten-zu-Deck-Konvertierung fragt, die eine Slideshow sein könnte; falls der Nutzer nicht explizit nach einer Slideshow / Folienpräsentation gefragt hat, bestätige vor dem Erstellen.

hyperframes/skills/talking-head-recut

Verpacke ein vorhandenes Talking-Head-/Interview-/Podcast-Video, indem du zeitlich abgestimmte, gestaltete GRAFIK-ÜBERLAGERUNGSKARTEN auf das abgespielte Video legst – Titel, untere Drittel, Datenaufrufe, Zitate, Seitenpanels, Bild-in-Bild – synchron zum Transkript. Das Quellvideo läuft in voller Länge; der Agent entwirft und schreibt jede Karte als HTML im Gespräch und rendert sie dann über Hyperframes in MP4. Verwende dies, wenn der Benutzer nach Grafiküberlagerungen, Bildschirmgrafiken / unteren Dritteln / Datenaufrufen / kinetischen Titeln auf einem Video fragt,...

hyperframes/skills/website-to-video

Erfasse eine allgemeine Website/URL und wandle sie in ein HyperFrames-Video um (Site-Tour, Showcase oder Social-Clip basierend auf den eigenen visuellen Inhalten der Seite). Verwendet headless Chrome-Screenshots + Marken-Assets. Verwende dies, wenn die Absicht allgemein ist – Portfolio/Blog/Landingpage-Showcase oder Social-Clip von der Website. NICHT für: Produkt-/SaaS-Launch oder Promotion (→ /product-launch-video, auch von einer URL); thematische Erklärvideos ohne Website (→ /faceless-explainer); GitHub-PR (→ /pr-to-video); Hinzufügen von Untertiteln zu bestehenden Videos (→...