H
Heygen Com Skills
embedded-captions
heygen-com
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...
videocreativemedia
faceless-explainer
heygen-com
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....
videocreativemedia
general-video
heygen-com
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...
videocreativemedia
graphic-overlays
heygen-com
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,...
creativevideodesign
hyperframes-animation
heygen-com
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,...
creativedevelopmentdesign
hyperframes-cli
heygen-com
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.
developmenttestingapi
hyperframes-core
heygen-com
HyperFrames HTML-Kompositionsvertrag. Verwendung für Kompositionsstruktur, Datenattribute, Clips, Tracks, Unterkompositionen, Variablen, Medienwiedergabe, deterministische Renderregeln und Validierung minimal renderbarer Projekte.
developmentmediacreative
hyperframes-creative
heygen-com
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`.
creativedesignvideo
hyperframes-media
heygen-com
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.
mediaaudiovideo
hyperframes-read-first
heygen-com
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.
creativevideomedia
hyperframes-registry
heygen-com
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).
developmentapicode-review
motion-graphics
heygen-com
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...
creativevideodesign
pr-to-video
heygen-com
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),...
developmentvideocode-review
product-launch-video
heygen-com
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...
videomarketingcreative
remotion-to-hyperframes
heygen-com
Ü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...
developmentvideocreative
website-to-video
heygen-com
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 (→...
browser-automationvideocreative