Wann verwenden
Verwenden Sie diese Skills immer dann, wenn Sie mit Remotion-Code arbeiten, um relevantes domänenspezifisches Wissen zu erhalten.
Wie verwenden
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 – Audio und Ton in Remotion verwenden – 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
- rules/compositions.md – Definition von Kompositionen, Standbildern, Ordnern, Standard-Props und dynamischen Metadaten
- rules/display-captions.md – Anzeige von Untertiteln in Remotion mit TikTok-ähnlichen Seiten und Wort-Hervorhebung
- rules/extract-frames.md – Extrahieren von Einzelbildern aus Videos zu bestimmten Zeitpunkten (mit Mediabunny)
- rules/fonts.md – Laden von Google Fonts und lokalen Schriftarten in Remotion
- rules/get-audio-duration.md – Abrufen der Dauer einer Audiodatei in Sekunden (mit Mediabunny)
- rules/get-video-dimensions.md – Abrufen der Breite und Höhe einer Videodatei (mit Mediabunny)
- rules/get-video-duration.md – Abrufen der Dauer einer Videodatei in Sekunden (mit Mediabunny)
- rules/gifs.md – Anzeige von GIFs synchron zur Zeitleiste von Remotion
- rules/images.md – Einbetten von Bildern in Remotion mit der Komponente „Img"
- 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 Prüfen auf Überlauf
- rules/sequencing.md – Sequenzierungsmuster für Remotion – Verzögerung, Trimmen, Begrenzung der Dauer von Elementen
- rules/tailwind.md – Verwenden 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 zum Erstellen von Untertiteln in Remotion
- rules/transitions.md – Szenenübergangsmuster für Remotion
- rules/trimming.md – Trimm-Muster für Remotion – Anfang oder Ende von Animationen kürzen
- rules/videos.md – Einbetten von Videos in Remotion – Trimmen, Lautstärke, Geschwindigkeit, Schleifen, Tonhöhe