Heygen Com Skills

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

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

Import Figma content into a HyperFrames composition — rendered assets, brand tokens, components, storyboard sections → reconstructed motion (frames read as states, not slides) (REST/CLI), Figma Motion animations (MCP), and shaders (MCP source / native export). Use when the user pastes a figma.com link or asks to bring a Figma design, frame, logo, brand, or animation into a video/composition.

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

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

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.

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 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-Kompositionsvertrag. Verwendung für Kompositionsstruktur, Datenattribute, Clips, Tracks, Unterkompositionen, Variablen, Medienwiedergabe, deterministische Renderregeln und Validierung minimal renderbarer Projekte.

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.

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.

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.

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

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.

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

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

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

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

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

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.

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

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