Kern-Workflows
Workflow 1: Primäre Aktion
- Analysiere die Eingabe und den Kontext
- Validiere, dass die Voraussetzungen erfüllt sind
- Führe die Kernoperation aus
- Überprüfe, ob das Ergebnis den Erwartungen entspricht
- Berichte die Ergebnisse
Wann verwenden
Verwende diese Fähigkeit jedes Mal, wenn du mit Remotion-Code arbeitest, um domänenspezifisches Wissen zu erhalten.
Wie verwenden
Lies die einzelnen Regeldateien für detaillierte Erklärungen und Codebeispiele:
- rules/3d.md – 3D-Inhalte in Remotion mit Three.js und React Three Fiber
- rules/animations.md – Grundlegende Animationsfähigkeiten für Remotion
- rules/assets.md – Importieren von Bildern, Videos, Audio und Schriftarten in Remotion
- rules/audio.md – Verwendung von Audio und Sound in Remotion – Importieren, Trimmen, Lautstärke, Geschwindigkeit, Tonhöhe
- rules/calculate-metadata.md – Dynamisches Festlegen von Kompositionsdauer, Abmessungen und Props
- rules/can-decode.md – Überprüfen, ob ein Video vom Browser dekodiert werden kann, mit Mediabunny
- rules/charts.md – Diagramm- und Datenvisualisierungsmuster für Remotion
- rules/compositions.md – Definieren von Kompositionen, Standbildern, Ordnern, Standard-Props und dynamischen Metadaten
- rules/display-captions.md – Anzeigen von Untertiteln in Remotion mit TikTok-artigen Seiten und Worthervorhebung
- rules/extract-frames.md – Extrahieren von Einzelbildern aus Videos zu bestimmten Zeitstempeln mit Mediabunny
- rules/fonts.md – Laden von Google-Schriftarten und lokalen Schriftarten in Remotion
- rules/get-audio-duration.md – Ermitteln der Dauer einer Audiodatei in Sekunden mit Mediabunny
- rules/get-video-dimensions.md – Ermitteln der Breite und Höhe einer Videodatei mit Mediabunny
- rules/get-video-duration.md – Ermitteln der Dauer einer Videodatei in Sekunden mit Mediabunny
- rules/gifs.md – Anzeigen von GIFs synchronisiert mit der Zeitleiste von Remotion
- rules/images.md – Einbetten von Bildern in Remotion mit der Img-Komponente
- rules/import-srt-captions.md – Importieren von .srt-Untertiteldateien in Remotion mit @remotion/captions
- rules/lottie.md – Einbetten von Lottie-Animationen in Remotion
- rules/measuring-dom-nodes.md – Messen von DOM-Elementabmessungen in Remotion
- rules/measuring-text.md – Messen von Textabmessungen, Anpassen von Text an Container und Überprüfen auf Überlauf
- rules/sequencing.md – Sequenzierungsmuster für Remotion – Verzögerung, Trimmen, Begrenzung der Dauer von Elementen
- rules/tailwind.md – Verwendung von TailwindCSS in Remotion
- rules/text-animations.md – Typografie- und Textanimationsmuster für Remotion
- rules/timing.md – Interpolationskurven in Remotion – lineare, Easing- und Federanimationen
- rules/transcribe-captions.md – Transkribieren von Audio zur Erstellung von Untertiteln in Remotion
- rules/transitions.md – Szenenübergangsmuster für Remotion
- rules/trimming.md – Trimmuster für Remotion – Anfang oder Ende von Animationen abschneiden
- rules/videos.md – Einbetten von Videos in Remotion – Trimmen, Lautstärke, Geschwindigkeit, Schleife, Tonhöhe