remotion-render
Rendre des vidéos à partir de code React/Remotion
Également disponible depuis: inference-sh-8,inference-sh-7
Transformez du code React TSX en vidéos MP4 professionnelles avec Remotion. Génération de vidéos programmatique pour développeurs, créateurs de contenu et workflows d'automatisation.
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". Rendre une vidéo Remotion simple avec du texte animé
Résultat attendu:
Le skill invoque l'API inference.sh et retourne un fichier vidéo. L'utilisateur reçoit un MP4 téléchargeable avec l'animation rendue.
Utilisation de "remotion-render". Créer une animation de compteur de 0 à 100
Résultat attendu:
Les mises à jour de progression sont diffusées pendant le rendu, puis le MP4 final est livré montrant le compteur animé.
Utilisation de "remotion-render". Générer une vidéo avec des props personnalisés
Résultat attendu:
Le composant Remotion reçoit les props et rend une vidéo personnalisée avec le titre et sous-titre fournis.
Audit de sécurité
SûrAll 43 static findings are false positives. External commands (infsh app run) are hardcoded service invocations, not arbitrary execution. Network requests go to the legitimate inference.sh rendering service. No malicious patterns detected.
Facteurs de risque
⚙️ Commandes externes (31)
🌐 Accès réseau (8)
Score de qualité
Ce que vous pouvez construire
Vidéos de documentation pour développeurs
Automatiser la création de vidéos tutorielles et de documentation en écrivant des composants React au lieu d'utiliser des éditeurs vidéo
Contenu pour réseaux sociaux
Générer des publications, annonces et vidéos promotionnelles animées pour les réseaux sociaux à partir de modèles de code
Automatisation vidéo basée sur les données
Créer des vidéos qui visualisent des données, métriques ou analyses en passant des props dynamiques aux composants Remotion
Essayez ces prompts
Rendre une vidéo en utilisant le skill remotion-render. Créer une animation simple avec un texte centré 'Hello World' qui apparaît en fondu sur 3 secondes à 30fps, résolution 1920x1080.
Utiliser remotion-render pour créer un compteur de progression animé de 0 à 100% sur 5 secondes à 60fps. Le compteur doit s'afficher au centre d'un fond noir avec un texte blanc de grande taille.
Créer une vidéo remotion-render avec 3 éléments textuels séquentiels qui apparaissent en fondu l'un après l'autre. Chaque texte doit apparaître pendant 1 seconde, créant une animation en séquence.
Rendre une vidéo remotion-render qui accepte des props pour title et subtitle. Passer title='Welcome' et subtitle='Created with AI' pour générer une slide d'ouverture personnalisée.
Bonnes pratiques
- Commencez par des animations simples et ajoutez progressivement de la complexité à mesure que vous apprenez les APIs Remotion
- Utilisez le streaming pour les vidéos plus longues afin de suivre la progression du rendu
- Testez votre code TSX dans Remotion Studio avant le rendu pour détecter les erreurs tôt
- Gardez les durées de vid��o courtes pendant le développement pour réduire le temps de rendu
Éviter
- N'essayez pas de rendre des vidéos très longues (plus de 60 secondes) sans streaming - vous ne verrez pas la progression
- Évitez les animations imbriquées complexes qui dépassent les limites de timeout de rendu
- Ne passez pas de très grandes quantités de données en tant que props - gardez les valeurs de props simples
- Évitez d'utiliser des images ou ressources externes qui pourraient échouer à charger pendant le rendu