Rylai Codex-Hermes-Claude Edition | Gepflegt und angepasst von Rylai
Laufzeit-Kompatibilität
- Codex: Installiere unter
~/.agents/skills/video. - Hermes: Installiere unter
~/.hermes/skills/videooder mache das Bundle überskills.external_dirsverfügbar. - Claude Code: Installiere unter
~/.claude/skills/videooder<project>/.claude/skills/video. - Claude.ai und Cowork: Lade das passende ZIP pro Skill hoch und aktiviere es.
- Beziehe gebündelte Dateien relativ zu diesem Skill-Verzeichnis; hänge nicht von Pfaden eines anderen Rechners ab.
- Überprüfe Tools, Pakete, Anmeldeinformationen, Netzwerkzugriff und Laufzeitfähigkeiten vor der Ausführung.
Video
Du bist ein Experte für Videoproduktion und hilfst dabei, Marketingvideos mit KI-Generierungsmodellen, KI-Avataren und programmatischen Videoframeworks zu erstellen. Dein Ziel ist es, den Nutzern zu helfen, professionelle Videoinhalte effizient zu produzieren – von Produktdemos und Erklärvideos bis hin zu Social-Media-Clips und Anzeigen.
Bevor es losgeht
Prüfe zuerst den Produkt-Marketing-Kontext:
Wenn eine Datei mit dem Produkt-Marketing-Kontext existiert, wie
.agents/product-marketing-context.md oder
.claude/product-marketing-context.md, 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)
- Für welche Zielplattform? (YouTube, TikTok/Reels/Shorts, Website, Anzeigen, Sales Deck)
- Welche gewünschte Länge?
2. Produktionsansatz
- Wird ein menschlicher Moderator benötigt? (KI-Avatar vs. Voiceover vs. Bildschirmaufnahme)
- Gibt es vorhandenes Filmmaterial oder Assets? (Screenshots, Logos, Produkt-UI)
- Wird generiertes Filmmaterial benötigt? (KI-generierte Szenen, B-Roll)
- Ist dies ein einmaliges Projekt oder eine Vorlage für wiederholte Nutzung?
3. Technischer Kontext
- Welchen Tech-Stack verwendest du? (Node.js, Python usw.)
- Hast du API-Schlüssel für Videotools?
- Budgetbeschränkungen? (Einige Tools berechnen pro Minute Video)
Den passenden Ansatz wählen
Wähle das richtige Tool 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, Runway, Kling, Pika | B-Roll, Hero-Shots, kreative Visuals, die du nicht filmen kannst |
| KI-Avatare | Talking-Head-Präsentation ohne Dreharbeiten | HeyGen, Synthesia | Erklärvideos, Tutorials, mehrsprachige Inhalte |
| Bearbeitung/Wiederverwendung | Langes Material 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 — kein Framework-DSL zu lernen. LLM-nativ: KI-Modelle generieren besseres HTML als React-Komponenten.
npm install hyperframes
Schlüsselkonzept: Jeder Frame ist ein HTML-Dokument. Setze Frames zu einer Timeline zusammen und rendere sie 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 Ausrichtung
});
Am besten geeignet für: Produktankündigungen, Changelogs, datengesteuerte Berichte, personalisierte Outreach-Videos.
Warum Agenten es bevorzugen: Einfaches HTML/CSS bedeutet, dass jeder Codierungsagent Frames generieren kann, ohne ein Framework zu lernen. Deterministisches Rendering – gleiche Eingabe erzeugt immer identische Ausgabe.
Remotion (React)
Ausgereiftes Open-Source-Framework. Leistungsstärker als Hyperframes, erfordert jedoch 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 große Maßstäbe.
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, Batch-Rendering in großem Maßstab (Lambda).
Wann man was wählt
| Faktor | Hyperframes | Remotion |
|---|---|---|
| Agent-Kompatibilität | Besser (einfaches HTML) | Gut (React) |
| Animationskomplexität | Einfach (CSS-Übergänge) | Fortgeschritten (Spring, interpolate) |
| Batch-Rendering | Lokal | Lambda (AWS) für Maßstab |
| Lernkurve | Minimal | Mittel (React + Remotion API) |
| Lizenz | Apache 2.0 | Firmenlizenz für kommerzielle Nutzung |
KI-Videogenerierung
Generiere Originalmaterial aus Text- oder Bild-Prompts. Verwende für B-Roll, Hero-Visuals 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 | Höchste Qualität, synchronisierter Ton | API-basiert |
| Runway Gen-4 | Bis zu 4K | ~10 Sek./Gen | Bewegungskontrolle, zeitliche Konsistenz | $12-76/Monat |
| Kling 3.0 | Bis zu 1080p | Bis zu 2 Min. | Massenproduktion, niedrigste Kosten | $0.029/Sek. |
| Pika | 1080p | Kurze Clips | Schnelle Generierung, Effekte | Pro Credit |
Sora (OpenAI) hatte eine begrenzte Verfügbarkeit und Zuverlässigkeitsprobleme. Überprüfe den aktuellen Status, bevor du es empfiehlst.
Prompting für Videomodelle
Gute Video-Prompts geben an: Subjekt + Aktion + Kamera + Stil + Stimmung
Nahaufnahme von Händen, die auf einer Laptoptastatur tippen, flache Tiefenschärfe, warme Bürobeleuchtung, Kamera zoomt langsam zurück und gibt den Blick auf einen modernen Arbeitsplatz frei, kinematografische Farbkorrektur, 4K
Häufige Fehler:
- Zu vage ("eine Person, die arbeitet") — füge Details hinzu
- Kamerabewegung ignorieren — gib Dolly, Schwenk, Stativ an
- Stil vergessen — "cinematic," "documentary," "commercial"
- Text im Video anfordern — KI-Modelle haben Probleme mit lesbarem Text
Für detaillierte Prompting-Leitfäden: Siehe references/ai-video-prompting.md
Wann KI-Generierung vs. Stock-Aufnahmen
| Anwendungsfall | KI-Generierung | Stock-Filmmaterial |
|---|---|---|
| Genaue Szene, die du dir vorgestellt hast | Ja | Passt selten |
| Konsistenter Stil über Clips hinweg | Ja | Schwer zu erreichen |
| Erkennbare reale Orte | Nein (Halluzinationen) | Ja |
| Spezifische Produkte/Marken | Nein (programmatisch verwenden) | Nein |
| Schnelle B-Roll | Beides funktioniert | Schneller |
KI-Avatare
Erstelle Talking-Head-Videos ohne Dreharbeiten. Ein KI-Avatar liefert dein Skript mit realistischer Lippensynchronisation, Mimik und Gestik.
HeyGen (empfohlen — hat MCP-Server)
Beste Lippensynchronisation und Mikroausdrücke. 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 auf heygen.com/pricing prüfen.
Am besten geeignet für: Produkterklärungen, Funktionsankündigungen, personalisierte Vertriebsansprache, mehrsprachige Inhalte.
Benutzerdefinierte Avatare: Lade ein 2-5 minütiges Video von dir hoch, um einen digitalen Zwilling zu erstellen. Sieht aus und klingt wie du, generiert Videos aus Textskripten.
Synthesia
Full-Body-Avatare mit ausdrucksstarker Körpersprache. Integrierte Skripterstellung aus URLs/Dokumenten.
Am besten geeignet für: Unternehmensschulungen, Compliance-Videos, Unternehmenspräsentationen, bei denen professioneller Ton > Realismus ist.
Wann man Avatare vs. andere Ansätze verwendet
| 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-Walkthrough | Nein | Bildschirmaufnahme |
| Kreatives/künstlerisches Video | Nein | KI-Generierung |
Bearbeitungs- und Wiederverwendungstools
Verwandle vorhandene Inhalte in mehrere Videoformate.
| Tool | Was es tut | Am besten geeignet für |
|---|---|---|
| Descript | Transkriptbasierte Bearbeitung — bearbeite Video durch Bearbeiten von Text | Aufräumen von Interviews, Podcasts, Webinaren |
| Opus Clip | Automatische Clips aus langen Videos, bewertet Viralitätspotenzial | Langform → Kurzform in großem Maßstab |
| CapCut | Visuelle Effekte, Untertitel, plattformnative Gestaltung | TikTok/Reels Verfeinerung |
| Captions.ai | Automatische Untertitel, Augenkontakt-Korrektur, KI-Synchronisation | Solo-Talking-Head-Inhalte |
Wiederverwendungs-Workflow
Langform-Inhalte (Podcast, Webinar, Demo) ↓ Descript: Aufräumen, Füllwörter entfernen, polieren ↓ Opus Clip: Automatisch die 5-10 besten Momente extrahieren ↓ CapCut: Untertitel, Effekte, plattformspezifisches Styling hinzufügen ↓ Verteilen: TikTok, Reels, Shorts, LinkedIn
Videoproduktions-Workflows
Produktdemo-Video
- Skript für die wichtigsten Funktionen und Value Props (Copywriting-Skill verwenden)
- Bildschirmaufnahme des Produktablaufs
- Programmatisches Overlay — Hyperframes/Remotion für Titel, Callouts, Übergänge verwenden
- KI-B-Roll — Einstiegsszenen oder Lifestyle-Aufnahmen mit Veo/Runway generieren
- Voiceover — dich selbst aufnehmen oder KI-Avatar für Erzählungen verwenden
- Export mit plattformgerechten Spezifikationen
Erklärvideo
- Skript für den Problem → Lösung → CTA-Bogen
- Präsentator wählen — KI-Avatar (HeyGen) oder Voiceover + Visuals
- Visuals erstellen — programmatische Folien, Bildschirmaufnahmen, KI-generierte Szenen
- Untertitel hinzufügen — immer, für Barrierefreiheit und Engagement
- Export — Querformat für YouTube/Website, Hochformat für Social Media
Batch-Social-Clips
- Master-Vorlage in Hyperframes/Remotion erstellen
- Daten einspeisen — Produktfunktionen, Testimonials, Statistiken
- Batch rendern — eine Vorlage, viele Variationen
- Plattformspezifische Untertitel über CapCut oder Captions.ai hinzufügen
- Planen über Plattformen hinweg
Agenten-native Videopipeline
Der leistungsfähigste Aufbau 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 fügt finalen Schnitt zusammen ↓ Ausgabe: Bereit zum Veröffentlichen
Was dies agenten-nativ macht:
- Hyperframes verwendet HTML — jeder Codierungsagent kann es generieren
- HeyGen MCP-Server — Agenten rufen es direkt auf
- Video-Modell APIs — Standard-HTTP-Anfragen
- Kein manueller Bearbeitungsschritt erforderlich
Häufige Fehler
- Mit Tools beginnen, nicht mit Strategie — entscheide, welches Video du brauchst, bevor du Tools auswählst
- KI-generierter Text im Video — Modelle können lesbaren Text nicht zuverlässig rendern; stattdessen programmatische Overlays verwenden
- Uncanny Valley Avatare — wenn die Avatar-Qualität wichtig ist, in den HeyGen Creator+ Tarif investieren
- Keine Untertitel — 85% der Social-Videos werden ohne Ton angesehen
- Falsches Seitenverhältnis — 9:16 für Social, 16:9 für YouTube/Website, 1:1 für Feeds
- Überproduktion — Authentisch schlägt oft poliert, besonders auf TikTok
Aufgabenspezifische Fragen
- Welche Art von Video benötigst du? (Demo, Erklärvideo, Social-Clip, Anzeige, Tutorial)
- Brauchst du einen menschlichen Moderator oder kann es Voiceover/Text sein?
- Ist dies ein einmaliges oder ein wiederholbares Template?
- 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 | Leitfaden |
|---|---|---|---|
| Remotion | Programmatisches Video | - | remotion.dev |
| Runway | KI-Generierung | - | runwayml.com/docs |
Verwandte Skills
- social-content: Für Videocontent-Strategie, Hooks und was man posten sollte
- ad-creative: Für bezahlte Video-Anzeigen-Creatives und Iteration
- copywriting: Für Videoskripte und Nachrichten
- marketing-psychology: Für Hooks und Überzeugung im Video