Videostudio: Wo anfangen
Datum: 2026-10-22 · Typ: Leitfaden · Status: gültig
Zusammenfassung: Video-Router. Gibt an, in welcher Reihenfolge gearbeitet wird, welche Engine verwendet wird und welche Skill für jeden Videotyp zu befolgen ist. Die vollständige Methode befindet sich in video-do-zero; die Zahlen (Feder, Kamera, Lautstärke, Render) leben nur in regeln.md.
Bevor du irgendetwas animierst
- Stimme das "Fertig" ab (Format, Dauer, Veröffentlichungsort) und öffne das Projekt in
04-projekte/JJJJ-MM-TT-thema/mit der Checkliste aus video-do-zero in derREADME.md. - Audio zuerst genehmigt. Eine vorhandene Narration wird vom Besitzer vor der Bearbeitung freigegeben: Alles andere wird mit ihr synchronisiert.
- Referenzen vor der Produktion: Folge der Skill video-referenzen. Suche zuerst in
03-referenzen/(wie es funktioniert) und in der05-bibliothek/. - Video-Identität aus dem Thema abgeleitet, und Regie vor der Animation entschieden: references/identitaet.md und references/regie.md.
- Briefing und Storyboard genehmigt (Abschnitt unten).
Die Engine auswählen
Überprüfe, was in 02-werkzeuge/ installiert ist (Dokumentenvorlage), bevor du eine Entscheidung triffst.
| Engine | Wann | Wie der Agent sie nutzt |
|---|---|---|
| After Effects | Feinschliff: Federn, 3D-Kamera, Übergänge, Effekte | Wenn das Motion Kit AE installiert ist (kostenlos unter clubedomotion.com/kit-ae), verwende die Tools und seine Skill: Sieh dir die Komposition als Bildtafel an, überprüfe die Bewegung („menschlich oder roboterhaft?“), wende die vorgefertigten Operationen für Feder, Morph, Ein-, Ausgang und Live-Kamera an, platziere Soundeffekte und rendere. Ohne Kit: ExtendScript und Ausdrücke |
| EffectCraft | Kostenlose und offene Alternative zu After Effects | MCP-Server effectcraft: command_list zum Finden des Befehls, command_run zum Ausführen, render_preview zum Ansehen |
| HyperFrames | Video in HTML/GSAP: Bildschirme, animierter Text, Serienstücke | npx skills add heygen-com/hyperframes; beginne mit der Skill hyperframes |
| Remotion | Video in React, wiederverwendbare Komponenten | npx skills add remotion-dev/skills; Skill remotion-best-practices |
Teile können im Code entstehen (HyperFrames oder Remotion) und in After Effects oder EffectCraft fertiggestellt werden. Sieh dir in jeder Engine das gerenderte Bild an, bevor du sagst, dass es fertig ist: Das Ergebnis eines Tools ist kein Beweis.
Das Rezept auswählen
| Auftrag | Skill |
|---|---|
| Jedes Video mit Motion | video-referenzen vor allem |
| Voiceover: Erklärvideo, Tutorial, Werbung mit Stimme | motion-narriert |
| Produkt, Software, Launch, „Vorstellung“, Demo | animation-saas (mit Narration: kombiniere mit motion-narriert) |
| App- oder Website-Bildschirm, der im Video nachgebildet wird | ui-fuer-video |
| Soundtrack, Effekte, Mix | ton-des-videos |
| Ein Video ansehen (Referenz, Konkurrenz) | Skill watch |
| Rohmaterial mit Sprache | uv run scripts/video/cut_pauses.py schneidet Pausen; uv run scripts/video/make_captions.py erzeugt Untertitel |
Briefing und Storyboard vor der Animation
Das Briefing kommt in die README.md des Projekts, immer mit diesen Abschnitten:
- Ziel und Liefergegenstand (Format, Bilder pro Sekunde, Dauer, bearbeitbares Projekt);
- visuelle Sprache (Hex-Farben, Schriftart, Kompositionsregeln);
- Assets und woher jedes kommt;
- Sequenz mit der Zeit jeder Szene;
- Bewegungsregeln;
- Ton als Uhr (Beats, Drop, Sprache);
- wie der Render überprüft wird.
Das Storyboard (Standbilder oder Tabelle Szene → Zeit → was reinkommt) wird vor der Animation genehmigt. Bevor du dir einen Szenenausgang ausdenkst, wirf einen Blick in das offene Katalog unter references/ausgaenge-und-tricks.md.
Schnell prüfen, einmal liefern
- Vorschau nach jeder Anpassung (halbe Auflösung, ohne Bewegungsunschärfe) zum Überprüfen von Schnitt, Timing und Ton. Die Vorschau wird niemals ausgeliefert.
- Final einmal. Nach einer Anpassung nur den geänderten Teil neu machen.
- Ton parallel: Sobald die erste Vorschau fertig ist, kann der Ton eigenständig durch die Animationsereignisse laufen (
uv run scripts/ton/ton.py --ereignisse ereignisse.json ...). Details in derton-des-videos.
Überprüfen
uv run scripts/video/erkennen_sprünge.py render/final.mp4: Jeder verbleibende Sprung muss ein beabsichtigter Schnitt sein.uv run scripts/video/bild_fuer_bild_vergleich.py vergleichegegen die Referenz: Kurven des Originals und der Nachbildung im selben Diagramm.- Original oben, unseres unten, in der Größe eines Handys. Die Frage: „Schreit das Original lauter?“ (Kontrast, Größe, Textgewicht). Wenn ja, ist es noch nicht besser.
- Notiere es in der
README.mddes Projekts und in einer Notiz. Die Zahl, die funktioniert hat, wandert in regeln.md.