Remotion Best Practices : le skill d'entrée pour la vidéo Remotion
Remotion fabrique des vidéos à partir de composants React, et son équipe publie une série de skills pour agents. remotion-best-practices les chapeaute : selon la demande, il charge le guide de création, de markup, de cartes, de multimédia, de sous-titres, de rendu ou de SaaS. Il ouvre l'aperçu dans Studio et attend une demande claire avant tout rendu.
Charge remotion-create pour une nouvelle vidéo ou un nouveau projet, et remotion-markup pour compositions, animations, mise en page et audio.
Oriente les cartes vers remotion-maps : itinéraires animés, marqueurs et survols avec Mapbox, MapLibre, MapTiler, GeoJSON ou CesiumJS.
Lance npx remotion studio dès que le projet tourne, ou --no-open avec un navigateur intégré, pour suivre et corriger en direct.
Ne déclenche npx remotion render que sur une demande nette, par exemple exporte la vidéo ou donne-moi le MP4.
Considère vos modifications faites hors conversation comme voulues et demande avant d'écraser un changement inattendu.
Quand s’en servir
Vous démarrez une vidéo Remotion avec un agent sans savoir lequel des skills de l'équipe convient.
La vidéo doit vivre dans un produit, et remotion-saas couvre Player, Lambda, Vercel, Cloudflare et Express.js.
Il faut mettre à jour Remotion, Mediabunny et les skills Remotion installés vers des versions compatibles.
Demandez à l’agent
Crée avec Remotion une vidéo promo pour une boulangerie et ouvre l'aperçu dans Studio.
Anime un trajet de Paris à Marseille sur une carte, la caméra suit la ligne.
Mets à jour Remotion et ses paquets liés dans ce projet vers des versions compatibles.
Questions
Comment installer remotion-best-practices ?
Avec la commande skills CLI de cette page, ou npx skills add remotion-dev/skills pour la série complète. bun create video propose aussi d'ajouter les skills à la création d'un projet.
Fonctionne-t-il dans Codex et Cursor ?
Le README cite Claude Code, Codex, Kimi Code et Cursor. Dans Cursor, le skill lance Studio sans --no-open pour que le navigateur s'ouvre seul.
Quelle différence avec remotion-markup ?
remotion-markup ne couvre que les règles de markup React. remotion-best-practices englobe tous les skills de la série et charge celui qui correspond, pratique quand on ne sait pas par où commencer.
