Remotion Dev Skills

remotion/.agents/skills/skill-locations

Dokumenten-Remotion-Skill-Platzierung. Verwenden Sie dies beim Hinzufügen, Verschieben oder Bearbeiten von Remotion-Skills, um zu entscheiden, ob ein Skill als interner Skill in .agents/skills gehört…

remotion/.agents/skills/studio

Starte Remotion Studio aus packages/example und öffne es im Codex-Browser. Verwende, wenn der Benutzer /studio oder $studio aufruft, darum bittet, das Beispiel-Studio zu starten,…

remotion/.agents/skills/studio-config-option-lifecycle

Remotion-Studio-Konfigurationsoptionen als entweder startfest oder wieder ladbar klassifizieren und verdrahten, während gemischtes Lebenszyklusverhalten über Konsumenten hinweg verhindert wird. Verwenden Sie, wenn…

remotion/.agents/skills/studio-css-reset

Anleitung für Remotion Studio UI-Änderungen, bei denen der globale CSS-Reset verschachtelte Elemente beeinflusst. Verwenden bei der Bearbeitung der Pakete/Studio-Benutzeroberfläche, insbesondere beim Hinzufügen von Wrapper…

remotion/.agents/skills/studio-perf

Optimieren Sie die Renderleistung von Remotion Studio, indem Sie frame-reaktive Komponentenoberflächen minimieren, imperative Timeline-Zustandsabfragen bevorzugen und stabile Komponenten memoizing…

remotion/.agents/skills/submit-element

Ein entwickeltes Remotion-Element finalisieren, zur Dokumentationsgalerie hinzufügen und entweder eine direkte Mitgliedereinreichung oder einen extern überprüfbaren Beitrag vorbereiten.

remotion/.agents/skills/update-chrome-binaries-test-region

Remotion Lambda Chrome-Binärdateien in der Testregion eu-central-1 veröffentlichen und die gehosteten Layer- sowie Chrome-Versionsreferenzen aktualisieren. Verwenden beim Aktualisieren von Chrome…

remotion/.agents/skills/update-from-upstream-main

Aktualisiere den aktuellen Remotion-Zweig mit dem neuesten kanonischen Hauptzweig. Verwende dies, wenn darum gebeten wird, von upstream main zu aktualisieren oder zu synchronisieren, den neuesten main in einen…

remotion/.agents/skills/update-remotion-rust-ffmpeg

Aktualisiere die ffmpeg-next-Git-Revision von Remotion auf einen veröffentlichten rust-ffmpeg-Commit, aktualisiere Cargo.lock, baue alle unterstützten Compositor-Binärdateien neu, validiere die…

remotion/.agents/skills/update-stars

Aktualisiert die GitHub-Sternanzahlen auf der Remotion-Startseite. Verwenden, wenn aufgefordert, die angezeigte GitHub-Sternanzahl zu aktualisieren und die Änderung auf main zu pushen.

remotion/.agents/skills/update-version

Update `AvailableFrom` in a PR to the next Remotion patch version (`main` + `0.0.1`).

remotion/.agents/skills/upgrade-caniuse

Aktualisiere den caniuse-lite-Override im Remotion-Repository. Verwende dies, wenn du aufgefordert wirst, caniuse-lite auf die neueste npm-Version zu aktualisieren.

remotion/.agents/skills/upgrade-mediabunny

Aktualisiere Mediabunny und die zugehörigen @mediabunny-Pakete im gesamten Remotion-Repository. Verwende dies, wenn du aufgefordert wirst, Mediabunny auf die neueste Version zu aktualisieren.

remotion/.agents/skills/upload-r2

Lade große Remotion-Repository-Assets in den Cloudflare R2-Bucket hinter remotion.media hoch und ersetze lokale public/-Assets durch gehostete URLs. Verwende, wenn eine Datei…

remotion/.agents/skills/v5-breaking-changes

Implementieren oder überprüfen Sie eine Remotion-5-Breaking-Change, während die v4- und v5-Release-Linien weiterhin Code gemeinsam nutzen. Verwenden Sie dies, wenn das v4-Verhalten und die öffentlichen Typen erhalten bleiben müssen…

remotion/.agents/skills/vercel

Richte einen Codex-Monitor für Vercel-Deployments und Preview-URLs ein. Verwende, wenn der Benutzer /vercel oder $vercel aufruft, Codex bittet, einen Vercel…

remotion/.agents/skills/version

Die Version von Remotion, an der wir arbeiten.

remotion/.agents/skills/video-report

Erstelle einen Bericht über ein Video

remotion/.agents/skills/visual-mode

Anleitung für die Arbeit mit dem Remotion Studio Visual Mode, Sequenzidentität, Knotenpfaden, symbolisierten Stacks, Überschreibungs-IDs und Hot-Reload-Verhalten. Verwenden, wenn…

remotion/.agents/skills/web-renderer-test

Visuelles Snapshot-Testing für Web-Renderer-Komponenten mit Vitest-Fixtures. Erstellen Sie Test-Fixtures in packages/web-renderer/src/test/fixtures, die eine React-Komponente, Abmessungen, Bildrate und Dauer definieren. Registrieren Sie Fixtures in packages/web-renderer/src/test/Root.tsx, um die Vorschaufunktion zu aktivieren. Schreiben Sie Testfälle, die Standbilder mit renderStillOnWeb() rendern und die Ausgabe mit testImage()-Snapshot-Vergleich validieren. Führen Sie Tests mit bunx vitest src/test/video.test.tsx aus und aktualisieren Sie die Dokumentation in...

remotion/.agents/skills/writing-docs

Richtlinien und Vorlagen zum Schreiben der Remotion-API-Dokumentation im MDX-Format. Erstellen Sie eine .mdx-Datei pro API in packages/docs/docs, fügen Sie sie in sidebars.ts ein und führen Sie bun render-cards.ts aus, um Social-Preview-Karten zu generieren. Verwenden Sie ###-Überschriften für API-Eigenschaften (keine Aufzählungspunkte), fügen Sie ?-Suffix für optionale Parameter hinzu und geben Sie Standardwerte natürlich in den Beschreibungen an. Bevorzugen Sie typsichere Code-Snippets mit twoslash-Validierung; verwenden Sie // ---cut---, um Imports auszublenden, und fügen Sie immer title-Attribute zu...

remotion/.agents/skills/writing-tests

Regeln für das Schreiben und Überprüfen von Tests im Remotion-Repository. Verwenden Sie diese, wann immer Sie Tests hinzufügen, bearbeiten oder überprüfen, insbesondere für Studio UI, Rendering, CLI, …