Verwendungshinweise
Verwenden Sie dieses Skill immer dann, wenn Sie mit Remotion-Code arbeiten, um domainspezifisches Wissen zu erhalten.
Untertitel
Bei der Arbeit mit Untertiteln oder Bildunterschriften laden Sie die Datei ./rules/subtitles.md für weitere Informationen.
Verwendung von FFmpeg
Für einige Video-Operationen wie das Trimmen von Videos oder das Erkennen von Stille sollte FFmpeg verwendet werden. Laden Sie die Datei ./rules/ffmpeg.md für weitere Informationen.
Audio-Visualisierung
Wenn Sie Audio visualisieren müssen (Spektrum-Balken, Wellenformen, bassreaktive Effekte), laden Sie die Datei ./rules/audio-visualization.md für weitere Informationen.
Soundeffekte
Wenn Sie Soundeffekte verwenden müssen, laden Sie die Datei ./rules/sound-effects.md für weitere Informationen.
Anwendungshinweise
Lesen Sie 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 – Verwenden 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 – Prüfen, ob ein Video vom Browser dekodiert werden kann, mit Mediabunny
- rules/charts.md – Diagramm- und Datenvisualisierungsmuster für Remotion (Balken-, Kreis-, Linien-, Aktiendiagramme)
- rules/compositions.md – Definieren von Kompositionen, Standbildern, Ordnern, Standard-Props und dynamischen Metadaten
- rules/extract-frames.md – Extrahieren von Einzelbildern aus Videos zu bestimmten Zeitstempeln mit Mediabunny
- rules/fonts.md – Laden von Google Fonts 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 synchron zur Remotion-Zeitleiste
- rules/images.md – Einbetten von Bildern in Remotion mit der Img-Komponente
- rules/light-leaks.md – Light-Leak-Overlay-Effekte mit @remotion/light-leaks
- 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 Prü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/transitions.md – Szenenübergangsmuster für Remotion
- rules/transparent-videos.md – Rendern eines Videos mit Transparenz
- rules/trimming.md – Trimm-Muster für Remotion – Anfang oder Ende von Animationen abschneiden
- rules/videos.md – Einbetten von Videos in Remotion – Trimmen, Lautstärke, Geschwindigkeit, Schleifen, Tonhöhe
- rules/parameters.md – Machen Sie ein Video durch Hinzufügen eines Zod-Schemas parametrisierbar
- rules/maps.md – Hinzufügen einer Karte mit Mapbox und animieren
- rules/voiceover.md – Hinzufügen von KI-generiertem Voiceover zu Remotion-Kompositionen mit ElevenLabs TTS