Benutzeränderungen bewahren
Benutzer können außerhalb des Gesprächs Änderungen am Code vornehmen.
Wenn du zwischenzeitlich eine überraschende Änderung feststellst, überschreibe sie nicht, sondern gehe davon aus, dass sie beabsichtigt war, oder frage nach einer Bestätigung.
Ein Video erstellen
Wenn der Benutzer darum bittet, ein neues Video oder eine neue Komposition zu erstellen, zu bauen oder zu erzeugen, lade Neue Remotion-Komposition erstellen – unabhängig davon, ob bereits ein Remotion-Projekt existiert.
Neues Projekt einrichten
Falls noch kein Remotion-Projekt vorhanden ist, lade Neues Remotion-Projekt erstellen
Best Practices für React-Markup
Wenn du Remotion-React-Markup schreibst, lade Best Practices für Remotion-Markup
Karten
Für statische Karten, animierte Routen und Marker, geografische Erklärungen, Mapbox, MapLibre, MapTiler, GeoJSON oder 3D-geografische Überflüge lade Remotion Maps.
Multimedia
Zur Ausführung von Multimedia-Aufgaben im Browser – wie dem Trimmen, Zuschneiden von Videos oder dem Auslesen von Metadaten – lade Remotion Multimedia
Interaktivität verbessern
Durch eine gute Strukturierung des Remotion-Markups können Benutzer interaktiv Dinge im Studio ändern und zurück in den Code schreiben. Falls zutreffend: Best Practices für Interaktivität
Vorschau öffnen
Wenn der Benutzer darum bittet, ein Video zu „erstellen" oder zu „bauen“ usw. Rendere das Video nicht standardmäßig, es sei denn, der Benutzer ist sehr explizit. Stattdessen solltest du eine interaktive Vorschau anzeigen. Sobald das Projekt ausführbar ist, starte das Studio und öffne die Vorschau im Browser, bevor du die Komposition baust oder bearbeitest. Lass sie geöffnet, während du arbeitest, damit der Benutzer den Fortschritt verfolgen und lenken kann.
Falls du Cursor verwendest
Starte Studio ohne --no-open, damit es den Browser automatisch öffnet:
npx remotion studio
Falls du einen anderen Agent-Client mit einem In-App-Browser verwendest
Du kannst den obigen Befehl verwenden, um Studio den Browser öffnen zu lassen, oder folgenden Befehl ausführen:
npx remotion studio --no-open
Dadurch wird ein langlebiger Prozess gestartet und die Server-URL für die Vorschau ausgegeben.
Wenn der Server bereits läuft, wird die URL ausgegeben.
Wenn du --no-open verwendest, öffne die exakt ausgegebene URL im In-App-Browser und überprüfe, ob Studio lädt. Sobald eine Komposition existiert, überprüfe, ob deren Videovorschau geladen wird. Falls du sie dort nicht öffnen kannst, starte Studio ohne --no-open.
Du kannst eine bestimmte Komposition aufrufen, indem du zu /[composition-id] navigierst, z. B. http://localhost:3000/MapAnimation.
:::note Das Studio unterstützt WebMCP-Tools. :::
Falls du keinen In-App-Browser hast
Dadurch wird das Studio im Browser geöffnet bzw. wieder in den Vordergrund gebracht, falls es bereits geöffnet ist.
npx remotion studio
Weitere Optionen
Um ein Projekt im Remotion Studio zu starten, seine genaue lokale URL zu öffnen oder Studio-CLI-Flags zu konfigurieren, lade Remotion Studio.
Video rendern
Rendere nur, wenn der Benutzer sehr explizit danach fragt. Z. B. „Video rendern", „Exportieren", „Gib mir die MP4".
Die Vorschau bietet außerdem eine intuitivere Rendering-Oberfläche – erwäge daher, sie statt der Kommandozeile zum Rendern zu verwenden.
npx remotion render
Weitere Optionen findest du unter Rendern.
Für fortgeschrittenes Rendern über einfaches npx remotion render hinaus siehe: Best Practices für das Rendern
Untertitel
Bei der Arbeit mit Untertiteln lade Remotion Captions.
SaaS, Automatisierung oder Anwendung erstellen
Nutze den Remotion-SaaS-Skill für Wissen über Remotion-basierte SaaS-Apps – z. B. <Player>, Rendern auf Lambda, Vercel, Cloudflare, via Express.js, clientseitiges Rendern oder die Auswahl der passenden SaaS-Vorlage.
Remotion-APIs und Dokumentation nachschlagen
Um die aktuelle Remotion-Dokumentation zu finden und zu lesen, lade Remotion Docs.
Aktualisierung
Zum Aktualisieren von Remotion, zugehörigen Paketen, kompatiblen Mediabunny-Paketen und installierten Remotion-Agent-Skills lade Remotion Upgrade.