Verwendung
Verwende diese Skill immer dann, wenn du mit Remotion-Code arbeitest, um domänenspezifisches Wissen zu erhalten.
So verwendest du sie
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 - Verwenden von Audio und Sound in Remotion – Importieren, Trimmen, Lautstärke, Geschwindigkeit, Tonhöhe
- rules/calculate-metadata.md - Dynamisches Festlegen von Kompositionsdauer, -abmessungen und -Eigenschaften
- rules/can-decode.md - Prüfen, ob ein Video vom Browser mit Mediabunny dekodiert werden kann
- rules/charts.md - Diagramm- und Datenvisualisierungsmuster für Remotion
- rules/compositions.md - Definieren von Kompositionen, Standbildern, Ordnern, Standardeigenschaften und dynamischen Metadaten
- rules/display-captions.md - Anzeigen von Untertiteln in Remotion mit TikTok-ähnlichen 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 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 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, Schleifen, Tonhöhe