remotion-render
Rendre des vidéos à partir de code React avec Remotion
Également disponible depuis: inference-sh-6,inferen-sh,inference-sh-7,skillssh,toolshell,inference-sh-9,tul-sh,inference-sh-8
La création programmatique de vidéos nécessite traditionnellement des logiciels complexes d'édition vidéo ou des outils d'animation manuels. Cette compétence transforme le code des composants React/Remotion directement en vidéos MP4 via la plateforme inference.sh.
Télécharger le ZIP du skill
Importer dans Claude
Allez dans Paramètres → Capacités → Skills → Importer un skill
Activez et commencez à utiliser
Tester
Utilisation de "remotion-render". Composant de texte en fondu entrant simple avec une durée de 3 secondes
Résultat attendu:
Fichier vidéo MP4 à la résolution spécifiée avec une transition d'opacité fluide de 0 à 1 pendant la première seconde
Utilisation de "remotion-render". Compteur animé avec configuration de physique spring
Résultat attendu:
Vidéo montrant les valeurs numériques incrémentant avec un effet de rebond élastique à chaque changement de nombre
Utilisation de "remotion-render". Animation multi-éléments basée sur des séquences avec timing échelonné
Résultat attendu:
Vidéo multicouche avec les éléments apparaissant dans l'ordre, chacun avec des animations indépendantes de fondu et de position
Audit de sécurité
SûrStatic scanner flagged 40 patterns (32 external_commands, 5 network, 3 crypto). All are FALSE POSITIVES: backticks are markdown code fences in documentation, URLs are legitimate service links (inference.sh, remotion.dev), and no cryptographic code exists. The skill safely wraps the inference.sh CLI for video rendering via external service.
Facteurs de risque
⚙️ Commandes externes (1)
🌐 Accès réseau (1)
Score de qualité
Ce que vous pouvez construire
Équipes marketing générant des vidéos de démonstration de produits
Créer du contenu vidéo de marque cohérent à partir de composants modèles avec du texte dynamique et des superpositions de données pour les campagnes sur les réseaux sociaux.
Développeurs créant des tutoriels animés
Transformer des exemples de code et des démonstrations UI en tutoriels vidéo attrayants sans enregistrement d'écran ni logiciel d'édition vidéo.
Analystes de données visualisant les métriques en vidéo
Convertir les tableaux de bord et les visualisations de données en rapports vidéo animés pour les présentations aux parties prenantes et le reporting automatisé.
Essayez ces prompts
Créer une animation de texte en fondu entrant avec du texte blanc sur fond noir qui dit Hello World sur 3 secondes en 1080p.
Construire un compteur animé qui compte de 0 à 100 pour cent sur 5 secondes avec un indicateur de chargement, en utilisant des animations spring pour un mouvement fluide.
Concevoir une carte de titre avec trois éléments de texte qui s'affichent en fondu séquentiellement, chacun avec un timing différent. Inclure un fond colored et un style de typographie personnalisé.
Créer un composant vidéo qui accepte les props de données et rend des graphiques animés avec des valeurs interpolées, des transitions fluides entre les états et des schémas de couleurs personnalisés basés sur les paramètres d'entrée.
Bonnes pratiques
- Utiliser interpolate et spring pour des animations fluides et professionnelles au lieu de transitions linéaires
- Garder le code composant modulaire en séparant la logique d'animation des éléments visuels
- Tester les animations au taux de trame cible localement avant de rendre la vidéo finale pour vérifier le timing
Éviter
- Éviter les styles en ligne avec des calculs complexes qui se recalculent à chaque image
- Ne pas utiliser useState ou des effets secondaires qui rentrent en conflit avec le modèle de rendu de Remotion
- Ne jamais coder en dur les numéros de frames directement; utiliser useVideoConfig pour un timing indépendant de la résolution