remotion-render
Générez des vidéos à partir de code React/Remotion
Également disponible depuis: inference-sh-8,inference-sh-6
Transformez le code TSX React et Remotion en vidéos MP4 de manière programmatique. Idéal pour les développeurs qui souhaitent générer des animations, des graphiques animés et des vidéos basées sur des données via du code.
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". Générer une vidéo avec un compteur animé de 0 à 100
Résultat attendu:
La compétence retourne une URL de fichier vidéo depuis inference.sh. Exemple de sortie : { 'output': { 'video': 'https://cdn.inference.sh/...' }, 'progress': 100 }
Utilisation de "remotion-render". Créer une vidéo de texte de bienvenue avec fondu d'apparition
Résultat attendu:
Les mises à jour de progression sont diffusées pendant le rendu. La sortie finale inclut l'URL de la vidéo, les détails du format et la durée.
Utilisation de "remotion-render". Générer une animation avec ressort et props personnalisées
Résultat attendu:
La réponse en streaming affiche le pourcentage de progression. Le rendu terminé retourne les métadonnées de la vidéo et l'URL de téléchargement.
Audit de sécurité
Risque faibleAll 43 static findings are false positives. The skill is a legitimate video rendering tool using the inference.sh service. External commands are documented CLI invocations (infsh), network calls are to required external APIs, and no cryptographic or malicious patterns exist.
Problèmes à risque moyen (1)
Facteurs de risque
🌐 Accès réseau (1)
⚙️ Commandes externes (1)
Score de qualité
Ce que vous pouvez construire
Générez des vidéos explicatives animées
Créez des vidéos animées basées sur des données en transmettant des props dynamiques aux composants React. Idéal pour la création de contenu automatisée.
Créez des graphiques animés avec du code
Concevez des animations en utilisant les API React et Remotion. Exploitez la physique des ressorts, l'interpolation et les séquences pour créer des graphiques animés professionnels.
Génération de vidéos programmatique
Générez des vidéos à partir de données de manière programmatique. Intégrez des données dynamiques dans des composants React pour créer du contenu vidéo personnalisé à grande échelle.
Essayez ces prompts
Create a 3-second video with fade-in text using Remotion. Use AbsoluteFill for the container, interpolate for opacity animation, white text on dark background, 1920x1080 resolution at 30fps. Render it using the remotion-render skill.
Create an animated counter from 0 to 100 that displays progress. Use the remotion-render skill with props for title and subtitle. Render at 60fps for smooth animation, 1080x1080 square format.
Create a multi-scene video with three sequential text elements. Use Remotion Sequence component to time each appearance. Render a 4-second video at 1920x1080, 30fps using remotion-render skill.
Create a video with a spring-animated element using Remotion spring API. Include damping and stiffness configuration. Render with custom resolution and FPS settings using the remotion-render skill.
Bonnes pratiques
- Commencez par des compositions simples et augmentez la complexité au fur et à mesure que vous vérifiez le rendu
- Utilisez une fréquence d'images plus basse et des durées plus courtes pendant le développement pour accélérer les itérations
- Spécifiez toujours explicitement la largeur, la hauteur et la fréquence d'images pour éviter des dimensions de sortie inattendues
- Utilisez des props pour rendre les composants réutilisables dans différentes sorties vidéo
Éviter
- Ne supposez pas un rendu local - tout le traitement vidéo s'effectue sur les serveurs inference.sh
- Évitez les vidéos extrêmement longues sans tester d'abord des versions plus courtes
- Ne négligez pas la configuration d'authentification - infsh login est requis avant le rendu
- Évitez les animations imbriquées complexes sans tester chaque composant individuellement