Communitygithub.com

mryunkaka/remotion-visuelle-regie

Entwerfen Sie Remotion-Videos mit Charakter, lebendigem Hintergrund und Bewegung, damit sie nicht wie eine generische Diashow wirken. Verwenden Sie dies bei der Erstellung von Storyboards oder Szenen.

Was ist remotion-visuelle-regie?

Diese Fähigkeit dient als umfassende visuelle Richtlinie für Entwickler, die mit Remotion arbeiten – einer frame-basierten Bibliothek zur programmatischen Videogenerierung. Sie stellt sicher, dass jedes Video eine eigene visuelle Identität erhält, indem sie detaillierte Anweisungen zur Auswahl von Medien (Illustrationen, lizenzierte Footage, 2D-/3D-Formen, SVG, Canvas), zur Komposition von Szenen und zur konsistenten Gestaltung von Farbpaletten, Texturen, Licht und Bewegung gibt. Besonderes Augenmerk liegt auf der Erzeugung von Tiefe durch Größenverhältnisse, Überlappungen, Parallaxeneffekte und wechselnde Schärfentiefe, statt auf leeren Verläufen und einfachen Rechtecken. Die Fähigkeit bietet zudem klare Anleitungen für Charakteranimationen: Gelenke, Gewichtsverlagerungen, Antizipation, Nachziehen und atmende Nebengeräusche – alles mit abwechslungsreichem Timing, je nach emotionalem Kontext. Um generische Ergebnisse zu vermeiden, untersagt sie identische Zooms oder einheitliche Federungen für alle Körperteile. Sie empfiehlt, den Stil bei codegenerierten Charakteren zu vereinfachen, falls diese steif wirken, zugunsten von sauberen Silhouetten, Cutouts oder lizenzierter Bilder. Zudem betont sie die frame-basierte Deterministik von Remotion und rät zu gründlichen Reviews mit Standbildern, Kontaktabzügen und Bewegungsvorschauen, um zu erkennen, was im Code gut aussieht, aber im Video schlecht wirkt. Transitions, Glitches, Partikel, Korn oder Lichthöfe sind nicht universell vorgeschrieben.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/mryunkaka/remotion-video/tree/HEAD/.opencode/skills/remotion-visual-direction

In Ihrer bevorzugten KI fragen

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

Dokumentation

Anleitung für Bildsprache und Bewegung

Gehen Sie von der Emotion und der Information des Erzählrufs aus. Wählen Sie Medium und Komposition, die zur Geschichte passen: grafische Illustration, lizenzierte Footage, Collage, 2D-Formen, SVG, Canvas oder 3D, wenn es die Geschichte unterstützt. Erstellen Sie Regeln für Palette, Formen, Licht, Textur, Fokus und Bewegung, die konsistent sind, aber variieren Sie zwischen den Takten.

Legen Sie für jeden Shot das Subjekt/den Fokus, Vorder- und Hintergrund, die Skalierung, die Bewegungsrichtung, die Kamera und den Grund für den Übergang fest. Gestalten Sie den Hintergrund als erkennbaren Raum: Umgebungsformen, Oberflächen, Horizont, Nah-Fern-Entfernung, Beleuchtung und kontextuelle Details. Bleiben Sie nicht bei einem leeren Verlauf mit ein paar Rechtecken stehen. Bauen Sie Tiefe durch Größenverhältnisse, Überlappungen, Parallaxe, Beleuchtung oder Fokuswechsel auf. Fügen Sie Dunst nur hinzu, wenn der künstlerische Stil dies erfordert.

Planen Sie eine oder zwei Hauptbewegungen und eine sanfte Nebenbewegung. Wählen Sie für jeden Shot eine andere Kamerabewegung – z. B. Schwenk, Tracking, Dolly, Orbit, Neigung oder statische Kamera – und verwenden Sie Easing und Pausen mit Absicht. Verwenden Sie nicht denselben Zoom in der gesamten Szene. Geben Sie Elementen organische Formen nur, wenn die Szene dies erfordert.

Charaktere und Körper

Wenn die Geschichte tatsächlich Personen zeigt, entscheiden Sie, ob der Illustrationsstil, 2.5D-Charaktere, lizenzierte Footage oder symbolische Formen am besten geeignet sind. Zeichnen Sie keine fotorealistischen Figuren mit unglaubwürdigen Formen. Gestalten Sie Charaktere konsistent über alle Shots hinweg. Animieren Sie bei geschichteten Illustrationen Schultern, Ellbogen, Handgelenke, Kopf, Blick, Haare/Stoff mit sinnvollen Drehpunkten; fügen Sie Gewichtsverlagerung, Antizipation, Nachziehen und kleine Atembewegungen hinzu, wenn der Shot lang genug ist. Variieren Sie das Timing entsprechend der Emotion, lassen Sie nicht alle Teile mit identischer Federung hüpfen. Vermeiden Sie menschliche Formen, die wie ein Stapel Rechtecke aussehen, es sei denn, der Grafikstil ist bewusst so gewählt.

Wenn die Qualität von codegenerierten Charakteren das Ergebnis verschlechtert, vereinfachen Sie den Stil zu sauberen Silhouetten/Cutouts oder wählen Sie lizenzierte Bilder/Footage anstatt auf steif wirkende Personen zu setzen. Vermeiden Sie schwebende Objekte, übermäßige Rauschtexturen und falsche Details, die das Thema verschleiern.

Remotion muss deterministisch und frame-basiert sein. Überprüfen Sie Standbilder aus der Szene, Kontaktabzüge und Bewegungsvorschauen, um Designs zu erkennen, die im Code gut aussehen, aber beim Anschauen schlecht wirken. Text muss kurz, auf dem Zielbildschirm lesbar und im sicheren Bereich platziert sein. Es gibt keine Übergänge, Glitches, Partikel, Körnung oder Lichteffekte, die universell vorgeschrieben sind.

Verwandte Skills