Skills Remotion Dev

Ajouter un nouvel expert à la page des experts Remotion

Ajouter un nouvel effet sonore à @remotion/sfx

Ajouter une démo interactive à la documentation Remotion. Utiliser lors de la création d'un nouveau composant <Demo> pour les pages de documentation.

Corriger une PR Dependabot en mettant à jour toutes les instances monorepo de la dépendance, en exécutant bun install, et en poussant les modifications.

Automatisez la création de pull requests avec des commits formatés et la gestion des branches. Vérifie que vous n'êtes pas sur la branche principale, crée une branche de fonctionnalité si nécessaire. Exécute le formatage de code Oxfmt sur tous les packages concernés avant de committer. Formate les commits et les titres de PR en utilisant le nom du package depuis package.json (ex. : " @remotion/shapes : Ajouter une forme de cœur"). Utilise l'interface en ligne de commande gh pour ouvrir automatiquement la pull request après avoir poussé les modifications.

Nom correct pour une PR

Meilleures pratiques pour Remotion - Création vidéo en React

Meilleures pratiques pour Remotion - Création vidéo en React

Base de connaissances spécialisée pour la création de vidéos avec Remotion et React. Couvre plus de 30 fichiers de règles couvrant les animations, l'audio, les ressources, le contenu 3D, les graphiques, le texte, les transitions et la gestion de la composition. Inclut des conseils spécialisés pour les sous-titres, les opérations FFmpeg, la visualisation audio et l'intégration d'effets sonores. Fournit des modèles pour le calcul dynamique des métadonnées, l'inspection des médias (durée, dimensions, extraction d'images) et les compositions paramétrables. Prend en charge des fonctionnalités avancées comme Lottie...

Générer un rapport sur une vidéo

Tests de capture visuelle pour les composants du moteur de rendu web utilisant des fixtures vitest. Créez des fixtures de test dans packages/web-renderer/src/test/fixtures qui définissent un composant React, des dimensions, une fréquence d'images et une durée. Enregistrez les fixtures dans packages/web-renderer/src/test/Root.tsx pour activer la fonctionnalité d'aperçu. Écrivez des cas de test qui rendent des images fixes avec renderStillOnWeb() et validez la sortie avec la comparaison de captures testImage(). Exécutez les tests avec bunx vitest src/test/video.test.tsx et mettez à jour la documentation dans...

Directives et modèles pour rédiger la documentation de l'API Remotion au format MDX. Créez un fichier .mdx par API dans packages/docs/docs, ajoutez-le à sidebars.ts, et exécutez bun render-cards.ts pour générer les cartes d'aperçu social. Utilisez les titres ### pour les propriétés de l'API (pas les puces), ajoutez le suffixe ? pour les paramètres facultatifs, et incluez les valeurs par défaut naturellement dans les descriptions. Privilégiez les extraits de code type-safe avec validation twoslash ; utilisez // ---cut--- pour masquer les importations et ajoutez toujours des attributs title aux...