Communitygithub.com

Video Director

Erstellen und produzieren Sie fertige Videos mit KI-Kunstwerken, editierbaren SVG-Vordergründen, echter Produkt-UI oder prozeduralem 3D. Geeignet für Erklärfilme, Produktdemos, Launch-Filme, Shorts und Vorher/Nachher-Studien. Nicht für isolierte Bilder oder gewöhnliche Website-Animationen ohne Videoausgabe.

Was ist Video Director?

Video Director ist eine KI-Agenten-Fähigkeit (Skill), die darauf ausgelegt ist, verständliche und fachlich korrekte Videos direkt über den Agenten zu erstellen – kein separates Tool oder eine Python-Bibliothek. Der Skill legt Wert auf Klarheit gegenüber bloßer Animation: Der Betrachter soll das Wesentliche verstehen, nicht nur beeindruckt werden. Er unterstützt verschiedene Medien: KI-generierte Kunstwerke mit editierbaren SVG-Vordergründen, echte Produkt-UI-Aufnahmen sowie prozedurale 3D-Mechanismen. Typische Anwendungen sind Erklärfilme, Produktdemos, Launch-Filme, Shorts und Vorher/Nachher-Studien. Der Skill stellt gebündelte Helfer-Skripte bereit (z. B. für Capture, Serving, Audio-Montage und Verifikation), die auf Node.js, FFmpeg und Playwright basieren. Der Workflow trennt Generierung und Montage, protokolliert Quellen und Einstellungen und vermeidet Überschreibungen. Ausgeliefert wird ein lokal abspielbares MP4 mit Prüfsummen und Metriken – ohne automatische Veröffentlichung. Der Skill ist plattformunabhängig einsetzbar, vorausgesetzt die Runtime-Abhängigkeiten sind installiert.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/aakashH242/video-director/tree/HEAD

In Ihrer bevorzugten KI fragen

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

Dokumentation

Was macht Video Director?

Machen Sie das Thema verständlich, nicht nur animiert. Wählen Sie das am wenigsten komplexe Medium, das die wichtige Handlung wahrheitsgetreu zeigt. Dies ist ein Skill mit gebündelten Helfern, keine eigenständige Anwendung oder Python-Bibliothek.

Kurzbeschreibung und Rezept

Ermitteln Sie aus der Anfrage: Thema, Zielgruppe, Dauer, Seitenverhältnis, Schlüsselaktion und Auslieferungsgrenze. Bewahren Sie genehmigte Stimmen, vorhandenes Filmmaterial und die aktuelle Produktpositionierung. Treffen Sie kleine, reversible Entscheidungen; fragen Sie bei fehlenden, wichtigen Entscheidungen, Rechten oder Kosten nach. Die Erstellung autorisiert keine Veröffentlichung.

Zeigen Sie das interessante Ergebnis früh. Schreiben Sie kurze, präzise Sätze: „Sehen Sie, welche Seite Klicks erhält“, nicht „Bringen Sie Ihren Workflow zusammen“. Halten Sie echte UI lange genug an, damit sie lesbar ist. Erklären Sie den gesamten Mechanismus, bevor Sie seine Teile beschreiben.

Lesen Sie nur das relevante Rezept:

Wählen Sie auf Wunsch eine frische, recherchierte Komposition/Farbpalette. Drängen Sie nicht den Stil eines Kanals jedem Film auf. Komplementärfarben können Subjekte trennen, aber Beschriftungen und Kontraste müssen auch ohne Farbhinweise funktionieren.

Produktionsentscheidungen

  1. Behalten Sie Kontrollierbares unter Kontrolle. Text, Pfeile, Hervorhebungen, UI-Rahmen und faktische Geometrie gehören in SVG/HTML/Canvas oder 3D. Generierte Pixel sind nützliche Kunst, nicht exakte UI oder mechanische Wahrheit.
  2. Zeigen Sie die Aktion. Echte Klicks benötigen einen sichtbaren Zeiger und Vorlauf; echte Operationen benötigen ihren tatsächlichen Zustand/Footage. Animieren Sie keinen Screenshot, als ob eine Backend-Operation stattfände. Benennen Sie ein Teil, während seine Hervorhebung erscheint; verfolgen Sie seinen beweglichen Anker.
  3. Inszenieren Sie Aufmerksamkeit. Eine lehrende Aktion nach der anderen. Führen Sie Kamerabewegungen sanft aus, lassen Sie sie zur Ruhe kommen, halten Sie dann. Leiten Sie Positionen von absoluter Zeit ab, nicht von akkumulierten Frame-Deltas. Sekundäre Bewegungen müssen die Erklärung unterstützen. Lineare Rotation ist für eine Welle mit konstanter Geschwindigkeit korrekt.
  4. Gestalten Sie für die Ausgabe. Eine vertikale Version benötigt ihr eigenes lesbares Framing/Label-Platzierung, keinen automatischen Querformat-Zuschnitt. Halten Sie Annotationen frei von Teilen, anderen Beschriftungen und Plattform-Overlays.
  5. Trennen Sie Generierung von Montage. Speichern Sie genehmigte Kunst und rohe Sprache. Protokollieren Sie Prompts, Quellen, Rechte, Einstellungen und Hashes. Eine zeitlich überschrittene Generierung kann trotzdem einen abgerechneten Auftrag erstellt haben; überprüfen Sie vor dem Wiederholen. Klären Sie separat abgerechneten Umfang/Kosten, bevor Sie ausgeben.
  6. Bewahren Sie Überprüfungsgrenzen. Verwenden Sie einen neuen Ausgabeordner, bewahren Sie Master-/Wiederherstellungsdateien auf und verweigern Sie versehentliche Überschreibungen. Stoppen Sie vor dem Hochladen/Veröffentlichen, sofern nicht gesondert autorisiert.

Arbeitshelfer

Diese passen die explizite Zeitaufnahme, das sichere lokale Servieren, die Clip-Montage und die codierten Ausgabeprüfungen an, die in den Pip-Produktionen verwendet werden. Lösen Sie <skill> aus dem Speicherort dieser Datei auf. Führen Sie vom Videoprojekt aus, nicht vom Skill-Ordner. Lesen Sie zuerst production.md.

HelferZweck
scripts/create-example.mjsKopiert ein eigenständiges erstes Projekt in einen neuen Ordner; überschreibt niemals.
scripts/doctor.mjsÜberprüft Abhängigkeiten und startet tatsächlich Chromium; keine automatischen Installationen.
scripts/capture.mjsLokale Seite → exaktes Frame, lautloses H.264; Wiederholungen zur gleichen Zeit; Quell-Hashes/Fehlerquittung.
scripts/serve.mjsLoopback-Only statischer Server mit Bereichen und Pfadbegrenzung.
scripts/compare.mjsBeschriftetes Nebeneinander; weist Dauer/fps-Unterschiede zurück.
scripts/audio.mjsVorhandene Sprachclips + explizite Pausen → WAV und gemessenes Timing-Manifest.
scripts/verify.mjsProbe/vollständige Dekodierung/Hash, alle angrenzenden Frame-Statistiken und codiertes Kontaktblatt.
scripts/self-test.mjsRegressionstests für Helfer und Überschreibungsschutz.
scripts/boundary-test.mjsRegressionstests für lokales Browser-Netzwerk und beschädigtes Audio.

Erfordert Node, FFmpeg/FFprobe und projektzugängliches Playwright/Chromium; Three.js nur für 3D. Helfer installieren keine Pakete/Modelle, rufen keine Anbieter auf, lesen keine Anmeldedaten und veröffentlichen nichts. assets/first-video/ ist reiner Code und benötigt keine externen Medien. Der Vergleichsstarter unter assets/comparison-study/ enthält Code und ein Asset-Manifest, keine privaten Screenshots, generierte Medien, Schriftarten oder eingekauftes Three.js.

Auslieferung

Machen Sie vor der endgültigen Aufnahme einen Timing-Durchlauf mit niedriger Bildrate. Überprüfen Sie die codierte Dauer, Abmessungen, fps, vollständige Dekodierung, Farbe, lesbare Keyframes und Übergangsgrenzen. Metriken unterstützen die Inspektion; eine große Framedifferenz kann ein beabsichtigter Schnitt sein, während kleine Differenzen eingefrorene Animation verbergen können. Sehen Sie sich den Film an und hören Sie die Sprache zu. ASR und saubere WAVs beweisen keine natürliche Stimme.

Liefern Sie ein abspielbares lokales MP4 und den Quellpfad, mit Prüfungen und Auslassungen. Behaupen Sie nicht Echtzeit-60-fps von einer Offline-Aufnahme, ein historisches Ergebnis von einer konstruierten Basislinie oder einen unabhängigen Agententest von der eigenen Ausführung des Autors.

Siehe lineage.md für Inspirationen und Lizenzgrenzen. Spezialisierte installierte Skills können diesen ergänzen; der Workflow erfordert nicht das Laden aller Skills oder das Kopieren von Upstream-Repositorys.

Verwandte Skills