Workflows principaux
Workflow 1 : Action principale
- Analyser l'entrée et le contexte
- Valider que les prérequis sont remplis
- Exécuter l'opération principale
- Vérifier que le résultat est conforme aux attentes
- Signaler les résultats
Quand utiliser
Utilisez ce skill chaque fois que vous travaillez avec du code Remotion pour obtenir les connaissances spécifiques au domaine.
Comment utiliser
Lisez les fichiers de règles individuels pour des explications détaillées et des exemples de code :
- rules/3d.md - Contenu 3D dans Remotion avec Three.js et React Three Fiber
- rules/animations.md - Compétences d'animation fondamentales pour Remotion
- rules/assets.md - Importation d'images, vidéos, audio et polices dans Remotion
- rules/audio.md - Utilisation de l'audio et du son dans Remotion - importation, rognage, volume, vitesse, hauteur
- rules/calculate-metadata.md - Définir dynamiquement la durée, les dimensions et les propriétés d'une composition
- rules/can-decode.md - Vérifier si une vidéo peut être décodée par le navigateur avec Mediabunny
- rules/charts.md - Modèles de graphiques et de visualisation de données pour Remotion
- rules/compositions.md - Définir des compositions, des images fixes, des dossiers, des propriétés par défaut et des métadonnées dynamiques
- rules/display-captions.md - Afficher des sous-titres dans Remotion avec des pages de type TikTok et une mise en évidence des mots
- rules/extract-frames.md - Extraire des images de vidéos à des horodatages spécifiques avec Mediabunny
- rules/fonts.md - Charger les polices Google et les polices locales dans Remotion
- rules/get-audio-duration.md - Obtenir la durée d'un fichier audio en secondes avec Mediabunny
- rules/get-video-dimensions.md - Obtenir la largeur et la hauteur d'un fichier vidéo avec Mediabunny
- rules/get-video-duration.md - Obtenir la durée d'un fichier vidéo en secondes avec Mediabunny
- rules/gifs.md - Afficher des GIFs synchronisés avec la timeline de Remotion
- rules/images.md - Intégrer des images dans Remotion en utilisant le composant Img
- rules/import-srt-captions.md - Importer des fichiers de sous-titres .srt dans Remotion avec @remotion/captions
- rules/lottie.md - Intégrer des animations Lottie dans Remotion
- rules/measuring-dom-nodes.md - Mesurer les dimensions d'éléments DOM dans Remotion
- rules/measuring-text.md - Mesurer les dimensions du texte, adapter le texte aux conteneurs et vérifier le débordement
- rules/sequencing.md - Modèles de séquencement pour Remotion - délai, rognage, limitation de la durée des éléments
- rules/tailwind.md - Utiliser TailwindCSS dans Remotion
- rules/text-animations.md - Modèles de typographie et d'animation de texte pour Remotion
- rules/timing.md - Courbes d'interpolation dans Remotion - animations linéaires, easing, ressort
- rules/transcribe-captions.md - Transcrire l'audio pour générer des sous-titres dans Remotion
- rules/transitions.md - Modèles de transitions de scène pour Remotion
- rules/trimming.md - Modèles de rognage pour Remotion - couper le début ou la fin des animations
- rules/videos.md - Intégrer des vidéos dans Remotion - rognage, volume, vitesse, boucle, hauteur