appariciojunior/video-editor-skills

Marken-Bewegtgrafiken für Creator-Videos – ein Remotion-Komponentenset (Schlüsselphrasen, Listen, Lower Thirds, Reisen, große Wörter…), das auf die Worte des Creators aus einem Beats-Blatt abgestimmt ist, als transparentes ProRes gerendert und auf V2+ in DaVinci Resolve platziert wird, mit gesichts- und untertitelssicheren Layouts. Verwenden Sie dies für „Overlays“, „Bewegtgrafiken“, „mach es interessant“, „Grafiken“ oder wenn Overlays das Gesicht bedecken oder mit den Untertiteln kollidieren.

Was ist video-editor-skills?

Dieses Skill für KI-Agenten (z. B. Cursor, Codex) ermöglicht die automatische Erstellung von Marken-Bewegtgrafiken als Overlays für Creator-Videos. Es basiert auf einem Remotion-Komponentenset, das aus einem zentralen Marken-Token-File (brand.json) Farben, Schriften und Abstände bezieht. Der Agent arbeitet mit einem „Beats-Blatt“ (den gesprochenen Wörtern des Creators), ordnet diesen Wörtern Zeitpunkte in der Timeline zu und erstellt einen Vorschlag für Grafiken (ca. alle 30–60 Sekunden). Nach Freigabe rendert er transparente ProRes-4444-Clips und platziert sie auf den ersten freien Spuren ab V2 in DaVinci Resolve. Ein entscheidender Prüfschritt ist das Zusammensetzen des Overlays mit dem Kamerabild und den Caption-Bändern, um Überschneidungen mit dem Gesicht (insbesondere bei 4:3-Videos), Texteintränge, Konflikte mit Untertiteln und andere Layout-Probleme zu erkennen. Gefundene Probleme werden zentral im Kit behoben, sodass alle zukünftigen Videos davon profitieren. Das Skill vermeidet das erneute Platzieren von bereits bestätigten oder vom Creator gelöschten Beats.

Funktioniert mit~Claude Code~Codex CLI~Cursor

npx skills add https://github.com/appariciojunior/video-editor-skills/tree/HEAD/skills/motion-overlays

Dokumentation

Bewegtgrafiken-Overlays (Remotion-Kit)

Der Rohschnitt des Creators ist freigegeben und wird normalerweise von ihm selbst nachbearbeitet. Du fügst Grafiken darüber hinzu; sein Bild und Ton werden nie verändert.

Das Kit

Ein Remotion-Projekt mit einer einzigen Komposition (Beat), die jede beliebige Komponente aus den Props rendert – in der Größe und Bildrate der Timeline, transparent. Die Komponenten lesen alle Werte aus einer Marken-Token-Datei (brand.json: Farben, Schriften, Größen auf Basis einer 1080-hohen Einheit, Abstände, Bewegungs-Timings), sodass sich das Aussehen an einer Stelle ändern lässt. Typisches Set:

Komponente	Verwendung für
LowerThird	Name + Rolle, erster Auftritt
KeyPhrase	Der Satz, der einen Punkt trägt (`Wort` = Hervorhebung)
ListReveal / Flow	Elemente oder Schritte, die beim Sprechen erscheinen
Compare / BeforeAfter	Zwei Seiten, eine Veränderung
CountUp	Eine Zahl, die sie nennen
Quote / PersonalNote	Ein starker Satz, eine Meinung
BigWord	Eine Idee, Vollbild, 1–2 s
CommentPrompt	Eine Frage für die Kommentare
VlogOpener, PlaceTime, Journey, TimeJump	Vlog-Momente: Titel, wo/wann, Reise A → B, „3 Stunden später“
TitleCard / EndCard / ChapterTag	Struktur, nur auf Anfrage

Bewegung, die Creators mochten: eine sanfte Ease-In-Out-Bewegung pro Element, hineingleiten, halten, hinausgleiten. Kein Springen, kein Hüpfen. Leichte oder normale Schriftgewichte in großen Größen, monospace Großbuchstaben-Beschriftungen, großzügige Abstände.

Jedes Mal

Welche Timeline (niemals die Vorlage).
Wörter → Frames auf dieser Timeline abbilden (V1-Elemente durchgehen: Quell-Inpoint, Timeline-Start → Zeit jedes erhaltenen Wortes in der Timeline).
Beats planen und vorschlagen (Zeit · Komponente · Text), auf OK warten. Ungefähr einer alle 30–60 s. Text = ihre Wörter, Zahlen genau wie gesagt, Namen im Web geprüft, nichts erfunden, nichts, das sie geheim halten wollen, die richtige Geschichtsrichtung (eine Reise nach irgendwo vs. zurückgehen).
beats.json: id, component, at_word (oder at_seconds bei B-Roll, wo es keine Wörter gibt), end_word / seconds, data mit at_word-Hinweisen für Elemente.
Rendern (transparentes ProRes 4444; Vollbild-Komponenten sind groß, mehrere GB für ~16 Beats), prüfen, dann auf der ersten freien Spur ab V2 platzieren.
Overlay-SFX: standardmäßig aus, es sei denn, der Creator mag sie (höchstens subtiles Whoosh).

Vor dem Platzieren am echten Frame prüfen (nicht verhandelbar)

Nimm das Frame unter jedem Beat aus der Kameradatei, rendere das Overlay-Standbild, setze sie zusammen und schau. Zeichne auch das Untertitelband darauf ein. Nur so haben wir all das gefunden:

Gesicht: Für 16:9 entwickelte Panels (rechtes Drittel frei) bedeckten das Gesicht in einem 4:3-Selfie-Bild. Fix im Kit: Wenn das Bild schmaler als 16:9 ist, skaliere Seitenpanels als Ganzes auf die äußeren ~34 % der Breite, 80 px vom Rand entfernt, und skaliere Vollbild-Text auf seine 16:9-Proportionen, damit er unter dem Kinn bleibt.
Überlauf: Eine 11-Punkte-Liste passte erst nach Skalierung; mehr als ~11 Punkte brauchen ein anderes Layout.
Untertitel: Unten verankerte Elemente (Opener, Big Word, Lower Third, Journey) saßen im Untertitelband. Fix im Kit: Ein Token wie caption_band_top_at_1080 und jeder untere Offset = max(eigener, Band-Oberkante).
Witwen: Ein hervorgehobenes Wort gefolgt von ".". umschloss den Punkt in einer eigenen Zeile. Fix im Kit: Interpunktion an das letzte Wort der Hervorhebung kleben (nowrap) und text-wrap: pretty für Anzeigetext verwenden.

Behebe Layout-Probleme im Kit, niemals pro Video, damit jedes zukünftige Video die Korrektur erbt.

Beats ersetzen

Ändere den Beat, rendere unter einer neuen ID/Dateinamen (-v2), entferne deinen alten Clip, platziere den neuen. Beim erneuten Durchlauf müssen bereits platzierte Beats übersprungen werden und niemals etwas hinzugefügt werden, das der Creator ohne Angabe gelöscht hat.

Bericht

Eine Zeile pro Beat (Zeit, Komponente, angezeigter Text), was du im Kit repariert hast, und alles Enge (kleiner Text, nahe am Gesicht).