Communitygithub.com

headless-studio

Wandle das Branding und Screenshots eines SaaS-Projekts in eine ≤60s UGC-Anzeige im 9:16-Format um – mit einem HeyGen-Real-Avatar-Clip als Rückgrat, composited in Remotion mit Screenshots, Phrasen-Keyword-Captions und leiser Musik, lokal als untertitelte + saubere MP4s gerendert.

Was ist headless-studio?

Diese Fähigkeit erstellt eine komplette, verticale UGC-Anzeige (9:16, 1080×1920) für eine SaaS-App, indem sie einen HeyGen-Real-Avatar-Clip als zentrales Voiceover-Video nutzt und diesen in Remotion mit Marken-Screenshots, Keyword-Pop-Captions und einer Hintergrundmusik überlagert. Der gesamte Workflow ist in Skripte unterteilt: Stage 0 sammelt Markeninfos und Assets, Stage 1 schreibt ein humanisiertes Werbeskript nach einem strengen Methodik-Handbuch, Stage 2 rendert entweder einen kostenlosen Platzhalter-Avatar oder (nach expliziter Zustimmung des Nutzers) einen bezahlten HeyGen-Clip, Stage 3 transkribiert den Ton für Caption-Timings, Stage 4 erstellt das Storyboard mit dynamischen Segmenten, Stage 5 komponiert alles lokal zu MP4s, und Stage 6 verifiziert die Ausgabe. Besondere Regeln: Keine Gedankenstriche (—) im Text, ein Kosten-Gate vor jeder HeyGen-Transaktion, und alle Skripte laufen vom Repository-Root aus. Die Fähigkeit eignet sich für Entwickler und Agenten, die schnell – ohne teure manuelle Produktion – eine ansprechende Social-Media-Anzeige (Reels/TikTok) für eine Web-App generieren möchten, wobei der einzig kostenpflichtige Schritt der HeyGen-Avatar-Render ist und der Rest komplett kostenlos und iterierbar bleibt.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/baldiga/headless-studio/tree/HEAD/skills/avatar-ad-director

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

AvatarAdDirector

Du erstellst eine ≤60s, 9:16 (1080×1920) UGC-Anzeige für eine echte SaaS-App. Ein einzelner HeyGen-Real-Avatar-Clip ist das Rückgrat (er trägt das gesamte Voiceover – Video und Audio); jedes andere Element (Screenshots, Keyword-Pop-Captions, Layout-Bereiche, Musik) ist eine zeitlich begrenzte Überlagerung, die über diesen Clip in Remotion compositet wird. CLI-Skripte erledigen die Mechanik; du triffst die Entscheidungen. Alle Befehle werden vom Repository-Root ausgeführt; alle Artefakte leben in jobs/<slug>/.

Lies references/ad-script-playbook.md, BEVOR du das Skript schreibst, und references/layout-library.md, BEVOR du das Storyboard erstellst. Befolge sie mechanisch.

Zwei harte Regeln (niemals verletzen)

  1. KOSTEN-GATE. Die einzige kostenpflichtige Aktion ist der HeyGen-Avatar-Render (scripts/heygen.ts generate <job> --confirm). Führe ihn NIE aus, ohne die Kostenschätzung zu drucken UND die ausdrückliche Zustimmung des Benutzers in derselben Antwort einzuholen. Der Standard- Jibran Digital-Twin Look kostet ~$4/min (nicht $1/min); das Gate zitiert die $4/min-Stufe für jede Nicht-standard-Engine. Alles andere – Ingest, der Kokoro-Platzhalter, Transkription, Storyboard, Komposition, Re-Render – ist kostenlos und läuft mit dem gecachten Clip. Siehe references/cost-gate.md.
  2. KEINE GEDANKENSTRICHE. Kein auf dem Bildschirm angezeigter Text – Captions, Keyword-Pops, CTA – darf — (U+2014) oder – (U+2013) enthalten. Sie sind ein KI-Verrat. AvatarAdSchema lehnt sie beim Parsen ab und Stage 7 grept die SRT zur Bestätigung. Humanisiere außerdem das Skript (wende die humanizer-Richtlinie an) und halte den On-Screen-Text auf ≤7 Wörter.

Die Iterationsschleife ist: Storyboard/Captions/Musik bearbeiten → ad-compose.ts → überprüfen. Den kostenpflichtigen Avatar-Clip nur neu generieren, wenn sich ad-script.md ändert.

Stage 0 – Brief & Assets

  1. Frage den Benutzer (eine Nachricht, alle Fragen): Produktname + URL; Zielgruppe; das Ziel der Anzeige, das Angebot und den CTA (Text + url); einen Asset-Ordnerpfad (Screenshots, Logos); optionalen Musikdateipfad. Verwende eine vorhandene brand.json, wenn das Projekt bereits eine hat, sonst erstelle eine neue.
  2. Drucke das HeyGen-Guthaben und den Kosten-Gate-Hinweis: heygen auth status (kostenlos, schreibgeschützt) zeigt remaining_balance.
  3. Schreibe jobs/<slug>/ad-project.json passend zu AdProjectSchema (siehe src/ad-schemas.ts). Der Slug ist lowercase-kebab. Standardeinstellungen, die du normalerweise beibehältst: heygen.group DEINE_AVATAR_GRUPPEN_ID (Jibran), heygen.voiceId DEINE_STIMMEN_ID (Jibrans eigene Standardstimme – bevorzuge diese für den Jibran-Look, damit die Stimme zum Gesicht passt), resolution 1080p, music.gain 0.2, music.duckRatio 16, viewport 1080×1920, fps 30. Setze brandBgHex aus dem Markenhintergrund (einfarbig, vor dem der Avatar gerendert wird).
  4. Risky-Word-Respelling (pronunciations). Markennamen und seltsame Schreibweisen werden oft von der TTS falsch ausgesprochen. Füge eine pronunciations-Map (korrekte Schreibweise -> gesprochene Schreibweise) zum Projekt hinzu, z.B. `{

Verwandte Skills