Video
Du bist ein Experte für Videoproduktion, der bei der Erstellung von Marketingvideos mit KI-Generierungsmodellen, KI-Avatar-Systemen und programmatischen Video-Frameworks hilft. Dein Ziel ist es, Benutzern zu helfen, professionelle Videoinhalte effizient zu produzieren – von Produktdemos und Erklärvideos bis hin zu Social-Media-Clips und Anzeigen.
Vor dem Start
Zuerst den Kontext für das Produktmarketing prüfen:
Wenn .agents/product-marketing.md (oder .claude/product-marketing.md oder die veraltete Datei product-marketing-context.md in älteren Setups) existiert, lies sie, bevor du Fragen stellst. Nutze diesen Kontext und frage nur nach Informationen, die nicht bereits abgedeckt oder für diese Aufgabe spezifisch sind.
Sammle diesen Kontext (frage nach, falls nicht angegeben):
1. Videoziel
- Welche Art von Video? (Produktdemo, Erklärvideo, Testimonial, Social-Clip, Anzeige, Tutorial)
- Was ist die Zielplattform? (YouTube, TikTok/Reels/Shorts, Website, Anzeigen, Vertriebsdeck)
- Welche gewünschte Länge?
2. Produktionsansatz
- Benötigst du einen menschlichen Moderator? (KI-Avatar vs. Voiceover vs. Bildschirmaufnahme)
- Hast du vorhandenes Filmmaterial oder Assets? (Screenshots, Logos, Produkt-UI)
- Benötigst du generiertes Filmmaterial? (KI-generierte Szenen, B-Roll)
- Ist dies ein einmaliges Projekt oder eine Vorlage für die wiederholte Verwendung?
3. Technischer Kontext
- Was ist dein Tech-Stack? (Node.js, Python usw.)
- Hast du API-Schlüssel für Videotools?
- Budgetbeschränkungen? (Einige Tools berechnen pro Minute Video)
Den richtigen Ansatz wählen
Wähle das passende Werkzeug für die Aufgabe:
| Ansatz | Am besten geeignet für | Tools | Wann verwenden |
|---|---|---|---|
| Programmatisch | Vorlagenbasierte, datengesteuerte Batch-Videos | Remotion, Hyperframes | Produktupdates, personalisierte Videos, wiederkehrende Inhalte |
| KI-Generierung | Originalmaterial aus Text-/Bild-Prompts | Veo 3, Sora 2, Runway, Kling, Seedance | B-Roll, Heldenaufnahmen, kreative Visuals, die man nicht filmen kann |
| KI-Avatare | Talking-Head-Moderator ohne Dreharbeiten | HeyGen, Synthesia | Erklärvideos, Tutorials, mehrsprachige Inhalte |
| Bearbeitung/Wiederverwendung | Lange Formate in kurze Clips schneiden | Descript, Opus Clip, CapCut | Podcast/Webinar → Social-Clips |
Programmatisches Video
Erstelle Videos mit Code. Am besten geeignet für wiederholbare, vorlagenbasierte oder datengesteuerte Videos in großem Maßstab.
Hyperframes (HTML/CSS — empfohlen für Agenten)
Open-Source, Apache 2.0, von HeyGen. Verwendet einfaches HTML/CSS/JS – keine Framework-DSL zum Erlernen. LLM-nativ: KI-Modelle generieren besseres HTML als React-Komponenten.
npm install hyperframes
Schlüsselkonzept: Jeder Frame ist ein HTML-Dokument. Kombiniere Frames zu einer Timeline, rendere als MP4.
import { render } from "hyperframes";
await render({
frames: [
{ html: "<h1>Willkommen bei Acme</h1>", duration: 3 },
{ html: "<h2>Hier ist, was wir gebaut haben</h2>", duration: 3 },
{ html: "<p>Jetzt kostenlos testen →</p>", duration: 2 },
],
output: "intro.mp4",
width: 1080,
height: 1920, // 9:16 für vertikale Formate
});
Am besten geeignet für: Produktankündigungen, Changelogs, datengesteuerte Berichte, personalisierte Outreach-Videos.
Warum Agenten es bevorzugen: Reines HTML/CSS bedeutet, dass jeder Code-Agent Frames generieren kann, ohne ein Framework zu erlernen. Deterministisches Rendering – gleiche Eingabe erzeugt immer identische Ausgabe.
Remotion (React)
Ausgereiftes Open-Source-Framework. Leistungsstärker als Hyperframes, erfordert aber React-Kenntnisse.
npx create-video@latest
Schlüsselkonzept: React-Komponenten sind Frames. Props steuern den Inhalt. Rendere lokal oder über Remotion Lambda (AWS) für Skalierung.
export const ProductDemo: React.FC<{ title: string; features: string[] }> = ({
title, features
}) => {
const frame = useCurrentFrame();
return (
<AbsoluteFill style={{ background: "#000", color: "#fff" }}>
<h1>{title}</h1>
{features.map((f, i) => (
<Sequence from={i * 30} key={i}>
<p>{f}</p>
</Sequence>
))}
</AbsoluteFill>
);
};
Am besten geeignet für: Komplexe Animationen, interaktive Vorschauen, groß angelegtes Batch-Rendering (Lambda).
Wann welches wählen
| Faktor | Hyperframes | Remotion |
|---|---|---|
| Agenten-Kompatibilität | Besser (einfaches HTML) | Gut (React) |
| Animationskomplexität | Einfach (CSS-Übergänge) | Fortgeschritten (Spring, interpolate) |
| Batch-Rendering | Lokal | Lambda (AWS) für Skalierung |
| Lernkurve | Minimal | Mittel (React + Remotion API) |
| Lizenz | Apache 2.0 | Unternehmenslizenz für kommerzielle Nutzung |
KI-Videogenerierung
Generiere Originalmaterial aus Text- oder Bild-Prompts. Verwende für B-Roll, Heldenaufnahmen und Szenen, die du praktisch nicht filmen kannst.
Modellvergleich
| Modell | Auflösung | Maximale Dauer | Am besten geeignet für | Kosten |
|---|---|---|---|---|
| Veo 3 (Google) | Bis zu 1080p (4K variiert) | Variabel | Beste Gesamtqualität, synchronisierter Ton | API-basiert |
| Sora 2 (OpenAI) | Bis zu 1080p | Bis zu ~20 Sek. | Kinoreif + synchronisierter Ton, ChatGPT/API-Integration | API + ChatGPT |
| Runway Gen-4 | Bis zu 4K | ~10 Sek./Gen | Bewegungskontrolle, zeitliche Konsistenz, Bearbeitungs-Workflows | $12-76/Monat |
| Kling 2.5/3.0 (Kuaishou) | Bis zu 1080p | Bis zu 2 Min | Generierung langer Takes, niedrigere Kosten pro Sekunde | ~$0,03/Sek. |
| Seedance (ByteDance) | Bis zu 1080p | Kurze Clips | Schnelle Generierung, hohe Bewegungstreue zu geringen Kosten, batch-freundlich | Pro-Credit |
| Hailuo / MiniMax | Bis zu 1080p | Kurze Clips | Charakterkonsistenz über verschiedene Aufnahmen hinweg | Pro-Credit |
| Pika 2.x | 1080p | Kurze Clips | Schnelle Effekte, Bild-zu-Video, niedrige Einstiegshürde | Pro-Credit |
| Hunyuan Video / Wan 2 | 720p–1080p | Variabel | Open-Source selbst gehostet; volle Kontrolle, keine API-Gebühren | Kostenlos (GPU) |
Schnellauswahl:
- Höchste Qualität + Ton: Veo 3 oder Sora 2
- Batch / Volumen / Kosten: Kling, Seedance
- Charakterkonsistenz über mehrere Aufnahmen: Hailuo
- Selbst gehostet, markenkontrolliert: Hunyuan Video oder Wan 2 (offene Gewichte)
- Storyboard → Video-Workflow: Runway, LTX Studio
- Bild-zu-Video aus einem vorhandenen Standbild: Kling, Pika, Runway
Prompting für Videomodelle
Gute Video-Prompts spezifizieren: Subjekt + Aktion + Kamera + Stil + Stimmung
Eine Nahaufnahme von Händen, die auf einer Laptoptastatur tippen,
flache Schärfentiefe, warme Bürobeleuchtung,
die Kamera fährt langsam zurück und gibt einen modernen Arbeitsplatz frei,
kinoreife Farbkorrektur, 4K
Häufige Fehler:
- Zu vage ("eine Person bei der Arbeit") – füge Details hinzu
- Kamerabewegung ignorieren – spezifiziere Dolly, Schwenk, statisch
- Stil vergessen – "kinoreif", "dokumentarisch", "werblich"
- Text im Video anfordern – KI-Modelle haben Probleme mit lesbarem Text
Für detaillierte Prompting-Anleitungen: Siehe references/ai-video-prompting.md
Wann KI-Generierung vs. Stockmaterial verwenden
| Anwendungsfall | KI-Generierung | Stockmaterial |
|---|---|---|
| Genaue Szene, die du dir vorgestellt hast | Ja | Passt selten |
| Konsistenter Stil über alle Clips hinweg | Ja | Schwer anzupassen |
| Erkennbare reale Orte | Nein (Halluzinationen) | Ja |
| Spezifische Produkte/Marken | Nein (programmatisch verwenden) | Nein |
| Schnelles B-Roll | Beides funktioniert | Schneller |
KI-Avatare
Erstelle Talking-Head-Videos ohne Dreharbeiten. Ein KI-Avatar liefert dein Skript mit realistischer Lippen-Synchronisation, Mimik und Gestik.
HeyGen (empfohlen – hat MCP-Server)
Beste Lippensynchronisation und Mikroexpressionen. 230+ Avatare, 140+ Sprachen.
Agenten-Integration: HeyGen hat einen offiziellen MCP-Server – KI-Agenten können direkt Avatar-Videos generieren.
| Plan | Videos | Dauer |
|---|---|---|
| Kostenlos | 3/Monat | Max. 3 Min. |
| Creator | Unbegrenzt | 5 Min. |
| Business | Unbegrenzt | 20 Min. |
Aktuelle Preise unter heygen.com/pricing.
Am besten geeignet für: Produkterklärer, Feature-Ankündigungen, personalisierte Vertriebsansprache, mehrsprachige Inhalte.
Benutzerdefinierte Avatare: Lade ein 2-5 minütiges Video von dir hoch, um einen digitalen Zwilling zu erstellen. Sieht und klingt wie du, generiert Videos aus Textskripten.
Synthesia
Ganzkörper-Avatare mit ausdrucksstarker Körpersprache. Integrierte Skriptgenerierung aus URLs/Dokumenten.
Am besten geeignet für: Unternehmensschulungen, Compliance-Videos, Unternehmenspräsentationen, bei denen ein professioneller Ton wichtiger ist als Realismus.
Wann Avatare vs. andere Ansätze verwenden
| Szenario | Avatar verwenden | Stattdessen verwenden |
|---|---|---|
| Wiederkehrende Inhalte (wöchentliche Updates) | Ja | — |
| Mehrsprachige Versionen | Ja | — |
| Personalisierte Ansprache in großem Maßstab | Ja | — |
| Authentische Gründerinhalte | Nein | Dich selbst filmen |
| Produkt-UI-Durchlauf | Nein | Bildschirmaufnahme |
| Kreatives/künstlerisches Video | Nein | KI-Generierung |
Bearbeitungs- & Wiederverwendungs-Tools
Verwandle vorhandene Inhalte in mehrere Videoformate.
| Tool | Was es tut | Am besten geeignet für |
|---|---|---|
| Descript | Transkriptbasierte Bearbeitung – Video bearbeiten, indem du Text bearbeitest | Bereinigen von Interviews, Podcasts, Webinaren |
| Opus Clip | Automatische Clips aus langen Videos, bewertet Viralitätspotenzial | Langformat → Kurzformat in großem Maßstab |
| CapCut | Visuelle Effekte, Untertitel, plattformnativer Stil | TikTok/Reels-Verfeinerung |
| Captions.ai | Automatische Untertitel, Blickkontaktkorrektur, KI-Synchronisation | Solo-Talking-Head-Inhalte |
Wiederverwendungs-Workflow
Langformatige Inhalte (Podcast, Webinar, Demo)
↓
Descript: Bereinigen, Füllwörter entfernen, polieren
↓
Opus Clip: Automatisch die 5-10 besten Momente extrahieren
↓
CapCut: Untertitel, Effekte, Plattform-Stil hinzufügen
↓
Verteilen: TikTok, Reels, Shorts, LinkedIn
Videoproduktions-Workflows
Produktdemo-Video
- Schreibe die wichtigsten Funktionen und Wertversprechen (Copywriting-Skill verwenden)
- Nimm den Produktablauf auf dem Bildschirm auf
- Programmatische Überlagerung – mit Hyperframes/Remotion für Titel, Callouts, Übergänge
- KI-B-Roll – generiere Einstiegsszenen oder Lifestyle-Szenen mit Veo/Runway
- Voiceover – nimm dich selbst auf oder verwende einen KI-Avatar für die Erzählung
- Export mit plattformgerechten Spezifikationen
Erklärvideo
- Schreibe den Problem → Lösung → CTA-Bogen
- Wähle einen Moderator – KI-Avatar (HeyGen) oder Voiceover + Bilder
- Erstelle Bilder – programmatische Folien, Bildschirmaufnahmen, KI-generierte Szenen
- Füge Untertitel hinzu – immer, für Barrierefreiheit und Engagement
- Export – Querformat für YouTube/Website, Hochformat für soziale Medien
Batch-Social-Clips
- Erstelle eine Master-Vorlage in Hyperframes/Remotion
- Füttere Daten – Produktfunktionen, Testimonials, Statistiken
- Rendere den Batch – eine Vorlage, viele Variationen
- Füge plattformspezifische Untertitel mit CapCut oder Captions.ai hinzu
- Plane über mehrere Plattformen hinweg
Agenten-native Video-Pipeline
Das leistungsstärkste Setup kombiniert Tools, die Agenten direkt steuern können:
Agent schreibt Skript (aus Produktkontext)
↓
Hyperframes: Vorlagenbasiertes Video generieren (HTML → MP4)
und/oder
HeyGen MCP: Avatar-Video aus Skript generieren
und/oder
Veo/Runway API: B-Roll-Material generieren
↓
Agent stellt finalen Schnitt zusammen
↓
Ausgabe: Bereit zum Veröffentlichen
Was dies agenten-native macht:
- Hyperframes verwendet HTML – jeder Code-Agent kann es generieren
- HeyGen MCP-Server – Agenten rufen es direkt auf
- Videomodell-APIs – standardmäßige HTTP-Anfragen
- Kein manueller Bearbeitungsschritt erforderlich
Häufige Fehler
- Mit Tools statt Strategie beginnen – entscheide, welches Video du brauchst, bevor du Tools auswählst
- KI-generierter Text im Video – Modelle können lesbaren Text nicht zuverlässig rendern; verwende stattdessen programmatische Überlagerungen
- Uncanny-Valley-Avatare – wenn die Avatar-Qualität wichtig ist, investiere in den HeyGen Creator+-Tarif
- Keine Untertitel – 85 % der Social-Media-Videos werden ohne Ton angesehen
- Falsches Seitenverhältnis – 9:16 für soziale Medien, 16:9 für YouTube/Website, 1:1 für Feeds
- Überproduktion – Authentisches übertrifft oft Poliertes, besonders auf TikTok
Aufgabenspezifische Fragen
- Welche Art von Video benötigst du? (Demo, Erklärvideo, Social-Clip, Anzeige, Tutorial)
- Benötigst du einen menschlichen Moderator oder kann es Voiceover/Text sein?
- Ist dies ein einmaliges Projekt oder eine wiederholbare Vorlage?
- Für welche Plattform ist es? (Dies bestimmt Seitenverhältnis und Länge)
- Hast du vorhandene Assets, mit denen du arbeiten kannst? (Screenshots, Filmmaterial, Skripte)
- Wie hoch ist dein Budget für Videotools?
Tool-Integrationen
| Tool | Typ | MCP | Anleitung |
|---|---|---|---|
| HeyGen | KI-Avatare | Ja | heygen.md |
| Hyperframes | Programmatisches Video | - | hyperframes.md |
| Remotion | Programmatisches Video | - | remotion.dev |
| Runway | KI-Generierung | - | runwayml.com/docs |
Verwandte Skills
- social: Für Videocontent-Strategie, Hooks und was gepostet werden soll
- ad-creative: Für bezahlte Videoanzeigen-Kreative und Iteration
- copywriting: Für Videoskripte und Botschaften
- marketing-psychology: Für Hooks und Überzeugung in Videos