faceless-explainervon HeyGen

Faceless Explainer Skill.

Ein Claude Code und Codex Skill für Motion und Video: verwandelt Text, Notizen oder einen Artikel in ein Erklärvideo ohne Gesichter mit generierten Szenenvisualisierungen.

Motion & Video
Video

OpenDesign herunterladen Anleitung ansehen

heygen-com/hyperframes · skills/faceless-explainer/SKILL.mdSKILL.md

--- name: faceless-explainer description: Turn arbitrary text — an article, notes, a topic, a brief — into a faceless explainer video: there is no site or footage to capture, so the visuals are invented per scene (typography, abstract graphics, diagrams, data-viz). Use for topic explainers, concept breakdowns, how-tos, listicles. Not a video built from a website (/product-launch-video — promo or tour). Unclear → /hyperframes. --- ## Step 0: Setup ## Step 1: Brief (no capture) ## Step 2: Design System ## Step 3: Storyboard and Script ## Step 3.1: Audio ## Step 4: Frame Visual Design

Metadaten und Abschnittsüberschriften aus der Ursprungsdatei vom 14.09.2026 · 29.476 Zeichen insgesamt

01 Was es tut

Was die faceless-explainer Skill in Claude Code und Codex tut

Zusammenfassung, Workflow und Ergebnisse — alles aus der SKILL.md des Skills ausgelesen.

Aus der SKILL.mdGelesen am 14.09.2026 · kein aufgezeichneter Durchlauf

In den eigenen Worten des Skills

Verwandelt beliebigen Text — einen Artikel, Notizen, ein Thema, ein Briefing — in ein gesichtsloses Erklärvideo mit erfundenen Szenenvisuals (Typografie, abstrakte Grafiken, Diagramme, Datenvisualisierungen). Arbeitet in sieben orchestrierten Schritten: Setup mit Briefing-Bestätigung, synthetisches Capture-Paket (keine Website), Auswahl des Designsystems aus mitgelieferten Frame-Presets mit optionalem Remixing der Brand-Tokens, Storyboard und Skript mittels narrativem Design zur Umgestaltung der Eingabe, Audiogenerierung mit TTS und BGM, visuelles Design mit zeitcodierten Shot-Sequenzen mit erfundenen Elementen, paralleler Frame-Aufbau über Sub-Agenten und finaler Render.

Nutzergesteuerte Checkpoints an den Schritten 0, 3 und 6 im kollaborativen Modus. Gesichtslos bedeutet: kein Capture-Schritt und kein echtes Asset-Inventar — jedes Visual wird nachgelagert von den Workern erfunden.

Was er erzeugt

STORYBOARD.md mit einem Lehrplan Bild für Bild, zeitcodierten Einstellungsfolgen und erfundenen Fokuspunkten/Rollen
compositions/frames/NN-*.html — eine HTML-Komposition pro Frame, erstellt von Sub-Agents
renders/video.mp4 — das final gerenderte Video im Querformat 1920x1080, Hochformat 1080x1920 oder quadratisch 1080x1080

Siehe Beispiel-Prompt ↗

So funktioniert es

01
Briefing bestätigen und Projekt initialisieren
BRIEF.md existiert und bestimmt den Modus — lesen Sie es und fragen Sie nichts. Fehlt es und das Projekt ist neu, führen Sie die Intent-Layer aus, um das Briefing festzulegen.
02
Synthetisches Capture-Paket erstellen
Speichern Sie die vollständige Eingabe des Nutzers wortgetreu als capture/extracted/visible-text.txt (die Informationsquelle).
03
Frame-Preset wählen und frame.md erstellen
Wählen Sie ein mitgeliefertes Preset aus hyperframes-creative/frame-presets/, das zu Thema und Ton passt.
04
Storyboard mit narrativem Design schreiben
Verwandeln Sie Text mithilfe der Struktur von story-design.md in einen Lehrplan Bild für Bild.
05
Audio erzeugen und visuelles Design hinzufügen
Führen Sie audio.mjs im Hintergrund aus für TTS, Worttimings und BGM aus der HeyGen-Bibliothek.
06
Frames erstellen und Index zusammenstellen
Synchronisieren Sie Dauern, erstellen Sie Frame-Pakete und verteilen Sie pro Frame parallel einen Sub-Agent. Jeder Worker schreibt compositions/frames/NN-*.html. Untertitel werden im Hintergrund erstellt.

02 Finden Sie Ihren Favoriten

Wann Sie den faceless-explainer Skill verwenden

Verwenden Sie den faceless-explainer Skill in Claude Code oder Codex, wenn die Aufgabe Motion und Video dieser Art ist. Eignung und Grenzen stammen aus der eigenen Datei des Skills.

Gut geeignet

Themenerklärungen, Konzeptaufschlüsselungen, Anleitungen und Listenartikel
Erklärung eines Themas aus Text, ohne Produkt und ohne Website zum Erfassen
Wenn jedes Visual erfunden werden muss: Typografie, abstrakte Grafiken, Diagramme oder Data-Viz

Grenzen kennen

Aus einer Website erstelltes Video für Produktwerbung oder -tour
Wenn ein Capture-Schritt oder eine echte Asset-Inventur nötig ist
Bloße Anfrage „Erstelle ein Video“ oder jede Unsicherheit — muss zuerst durch die Intent-Layer laufen

Was Sie bereitstellen sollten

Beliebige TextquelleEin Artikel, Notizen, ein Thema oder ein Briefing — die vollständige Eingabe wird wortgetreu als capture/extracted/visible-text.txt gespeichert.
Optionales NutzerskriptFalls der Nutzer ein Skript eingefügt hat oder seine Formulierung beibehalten möchte, speichern Sie es wortgetreu als user_script.txt. VO_MODE (wortgetreu oder umstrukturiert) stammt aus BRIEF.md.
Optionale Markenfarben oder SchriftenLassen Sie die Farben und Schriften in tokens.json leer, sofern der Nutzer nicht ausdrücklich Markenfarben oder Schriften angegeben hat.
Optionale StimmpräferenzWenn in der Anfrage eine Stimme, ein Geschlecht oder ein Ton genannt wurde, wählen Sie eine passende Voice-ID aus und übergeben Sie --voice <id>.
Optionales reales BildWenn der Nutzer ein reales Bild bereitgestellt hat, legen Sie es unter public/<basename> ab und vermerken Sie es für Schritt 3.

03 Innerhalb des Skills

Regeln, die die faceless-explainer Skill Claude Code und Codex vorgibt

7 konkrete Anweisungen, Voreinstellungen und Grenzen, die die SKILL.md für den Agent festlegt – der Teil der Datei, der das Ergebnis verändert.

Eröffnungsregel für den Umgang mit dem Briefing
Wenn BRIEF.md existiert, lesen Sie sie und fragen Sie nichts — das Briefing ist festgelegt.
Kein Capture-Schritt für Faceless-Videos
Führen Sie npx hyperframes capture nicht aus — es gibt keine URL. Erstellen Sie keine asset-descriptions.md und befüllen Sie capture/assets/ nicht. Faceless-Visuals werden in Schritt 4-5 erfunden, nicht erfasst.
Schritte in Reihenfolge mit Gates ausführen
Arbeiten Sie Schritt 0 Setup, Schritt 1 Briefing, Schritt 2 Design System, Schritt 3 Storyboard, Schritt 3.1 Audio, Schritt 4 visuelles Design, Schritt 5 Frames, Schritt 6 Finalisierung durch.
Asset_candidates standardmäßig leer lassen
Frames enthalten in gesichtslosen Videos kein Asset-Inventar. Lassen Sie asset_candidates leer, sofern der Nutzer kein reales public/<basename>-Bild angegeben hat.
Katalog durchsuchen, bevor Looks erfunden werden
Führen Sie für jeden im Briefing genannten Look, Effekt oder Übergang npx hyperframes catalog --query mit einfachem Englisch aus, bevor Sie ihn in STORYBOARD.md schreiben.
Vollflächige Hintergründe auf der Clip-Ebene
Der Untergrund eines Frames (Farbfeld, Verlauf, Raster) ist ein eigener, die gesamte Dauer umfassender Hintergrund-Clip mit class="clip".
Dauer-Synchronisation ist mechanisch
Die reale Stimmdauer hat Vorrang; stumme Frames behalten Schätzungen. Führen Sie audio.mjs sync-durations aus, nachdem Schritt 3.1 abgeschlossen ist. Bearbeiten Sie synchronisierte Dauern niemals von Hand.

04 In Betrieb nehmen

faceless-explainer in Claude Code oder Codex installieren

Ein npx skills add-Befehl, dann eine erste Aufgabe in Ihrem Agent und eine Checkliste für das Ergebnis.

faceless-explainer zu Claude Code, Codex oder Ihrem Agent hinzufügen

Im eigenen Projekt ausführen; der Installer fragt, welchem Agent er hinzugefügt werden soll.

Terminal

npx skills add https://github.com/heygen-com/hyperframes --skill faceless-explainer

Generische skills-CLI-Form für skills/faceless-explainer/SKILL.md; das Repository dokumentiert möglicherweise seinen eigenen Pfad.

Geben Sie dem Skill eine erste Motion- und Video-Aufgabe

In den eigenen Begriffen des Skills verfasst; ersetzen Sie die Teile in Klammern durch Ihr Material.

Starter prompt

Turn this article about compound interest into a 60-second explainer video for young adults. Use clean modern graphics with invented diagrams showing how money grows over time. Keep the tone approachable and use a female voice for narration. Format: [landscape/portrait/square]. Destination: [Instagram/YouTube/LinkedIn].

Quelle: verfasst aus der SKILL.md in den eigenen Begriffen des Skills.

Das erste Ergebnis prüfen

Was die SKILL.md selbst als korrektes Ergebnis beschreibt:

Führen Sie npx hyperframes lint aus, um die Struktur zu validieren
Führen Sie npx hyperframes check aus, um Textüberläufe und Layoutprobleme zu erkennen
Führen Sie npx hyperframes snapshot an den Frame-Mittelpunkten aus, um ein Kontaktabzug-Bild zu erstellen, und werfen Sie einen Blick darauf auf offensichtliche Brüche
Ignorieren Sie 1-4px text_box_overflow bei Caption-Wörtern (#caption-word-*, .caption-line) — erwarteter Fehlalarm durch engen Zeilenabstand
Reagieren Sie bei text_box_overflow nur, wenn ein Frame-Element benannt wird (#el-NN-*), nicht ein Caption-Wort
Führen Sie transitions.mjs inject und verify vor dem finalen Rendern aus, um das Übergangs-Timing zu prüfen

In OpenDesign importieren Sie faceless-explainer über dessen SKILL.md-Link: Plugins → Add → Skill → Import from link, und wählen Sie es dann in der oberen Leiste aus.

OpenDesign herunterladen Quickstart lesen

05 Open Source, nachvollziehbar

Quelle, Lizenz und Verifizierung

Woher die Fakten auf dieser Seite stammen und wann sie zuletzt geprüft wurden.

Author: HeyGen
Repository: github.com/heygen-com/hyperframes Branch main
Skill-Datei: skills/faceless-explainer/SKILL.md Content-Prüfsumme bei Verifizierung erfasst; Commit 558c11b
License: Apache-2.0 Aus LICENSE.
Repository-Sterne: 49.761 GitHub-Snapshot vom 14.09.2026 für das gesamte heygen-com/hyperframes-Repository, das 9 Skills in diesem Katalog enthält. Keine Bewertung oder Nutzungszahl für faceless-explainer.
Verifiziert von OpenDesign: 14.09.2026 Quelldatei, Pfad, Lizenztext und Sternezählung wurden geprüft. Nicht in OpenDesign main gebündelt (geprüft 28.08.2026); ein Live-Durchlauf wurde auf dieser Seite nicht erfasst.

In der SKILL.md

Schritt 0: SetupBriefing bestätigen, Projekt initialisieren, BRIEF.md schreiben, Präferenzen erfassen, Anmeldestatus anzeigen
Schritt 1: Briefing (ohne Erfassung)Eingabe als visible-text.txt speichern, synthetische tokens.json erstellen, keine Website-Erfassung oder Assets
Schritt 2: Design SystemMitgeliefertes Frame-Preset wählen, build-frame.mjs ausführen, um Markentoken auf das Preset zu übertragen
Schritt 3: Storyboard und SkriptFrame-für-Frame-Lehrplan mit narrativem Design schreiben, als Vorschlag präsentieren, wiederholen bis genehmigt
Schritt 3.1: AudioErzählstimme mit TTS erzeugen, Wort-Timings, BGM aus der HeyGen-Bibliothek, Audio-Metadaten
Schritt 4: Visuelles Design der FramesZeitcodierte Aufnahmesequenzen hinzufügen, erfundene Fokuspunkte/Rollen, Layout und Bewegung inline pro Scene
Schritt 5: Frames erstellenDauern synchronisieren, Pakete erstellen, Sub-Agents pro Frame einsetzen, Index zusammenstellen, Untertitel erstellen
Schritt 6: FinalisierenÜbergänge einfügen, Lint/Check/Snapshot ausführen, für Review pausieren, finale MP4 rendern
KurzreferenzFormate, Unterschiede von faceless zu erfasstem-Asset-Workflow, Hintergrundskripte, Referenztabelle

Die eigene Beschreibung des Skills

„Wandelt beliebigen Text – einen Artikel, Notizen, ein Thema, ein Briefing – in ein gesichtsloses Erklärvideo um: Es gibt keine Website oder Footage, die aufgenommen wird, daher werden die visuellen Elemente pro Szene erfunden (Typografie, abstrakte Grafiken, Diagramme, Datenvisualisierung). Verwendung für Themenerklärer, Konzeptaufschlüsselungen, Anleitungen, Aufzählungslisten. Kein Video, das aus einer Website erstellt wird (/product-launch-video – Promo oder Tour). Unklar → /hyperframes."

Front-Matter-Beschreibung aus SKILL.md. Die vollständige Datei umfasst etwa 29.476 Zeichen. Lesen Sie die vollständige Datei auf GitHub.

06 Vor der Installation

Fragen zum faceless-explainer Skill

Die Antworten stammen aus der SKILL.md, gelesen am 14.09.2026, nicht aus einem protokollierten Lauf.

Funktioniert das im kollaborativen und im autonomen Modus?

Ja. Im kollaborativen Modus gibt es Freigabepunkte durch den Nutzer bei den Schritten 0, 3 und 6, mit Skizzen-Review bei Schritt 4. Im autonomen Modus wird dieselbe Zusammenfassung als Hinweis gepostet, und Skizzen gehen direkt in den Build über, wobei bei Schritt 6 eine Vorschau-Frage bestehen bleibt.

Was, wenn ich kein HeyGen-Konto für Stimme oder Musik habe?

Schritt 0 zeigt vor dem Fortfahren den Anmeldestatus an. Ist man abgemeldet, greift Audio automatisch auf lokale Engines zurück (Kokoro für TTS). Sie können den kollaborativen Modus wählen, um auf die Anmeldung zu warten, oder den autonomen Modus, um mit den verfügbaren lokalen Engines fortzufahren.

Welche Videoformate unterstützt die Ausgabe?

Querformat 1920x1080, Hochformat 1080x1920 oder quadratisch 1080x1080. Das Format ergibt sich aus dem Ziel in BRIEF.md und wird einmal im Storyboard-Frontmatter festgelegt.

Faceless Explainer

Führen Sie faceless-explainer auf einer echten Motion- und Video-Aufgabe aus.

Laden Sie OpenDesign herunter, importieren Sie faceless-explainer über den SKILL.md-Link, fügen Sie die Eingabeaufforderung oben ein und lesen Sie den Plan vor dem Ergebnis.

OpenDesign herunterladen Alle Skills durchsuchen