remotion-render
Render des vidéos depuis du code React Remotion
Également disponible depuis: inference-sh-8,inference-sh-6,inference-sh-7
La création programmatique de vidéos est complexe et nécessite une infrastructure de rendu spécialisée. Cette compétence transforme les composants React Remotion en vidéos MP4 via un rendu cloud, permettant aux développeurs de générer des vidéos à partir de code sans gérer de serveurs de rendu.
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 Remotion avec animation de texte en fondu, durée de 3 secondes, 1080p
Résultat attendu:
- Tâche de rendu soumise avec succès
- Progression: 0% -> 25% -> 50% -> 75% -> 100%
- URL vidéo: https://cdn.inference.sh/outputs/abc123/video.mp4
Utilisation de "remotion-render". Composant de compteur animé avec props dynamiques montrant le pourcentage de progression
Résultat attendu:
- Composant compilé avec les props fournis
- Rendu des images 1-180 à 60 FPS
- Sortie: MP4 1080x1080, codec H.264, durée de 5 secondes
- Le lien de téléchargement expire dans 7 jours
Audit de sécurité
Risque faibleStatic analysis detected 31 external command patterns and 8 network URLs, but all are FALSE POSITIVES. The skill uses the infsh CLI with proper allowed-tools constraints (Bash(infsh *)). External commands are intentional platform integration, not arbitrary execution. Network URLs point to legitimate service endpoints. Weak crypto finding triggered by SHA-256 documentation reference (SHA-256 is secure). Pipe-to-shell on line 17 is optional user-run CLI installation, not skill-executed code.
Problèmes à risque faible (1)
Facteurs de risque
⚙️ Commandes externes (31)
🌐 Accès réseau (8)
Score de qualité
Ce que vous pouvez construire
Génération automatisée de contenu vidéo
Les équipes marketing peuvent générer du contenu vidéo personnalisé à l'échelle en transmettant les données clients comme props aux modèles Remotion, produisant des vidéos personnalisées pour chaque destinataire sans édition manuelle.
Vidéos de visualisation de données
Les développeurs peuvent convertir les graphiques dynamiques, les graphiques et les animations de données en formats vidéo partageables pour les présentations, les réseaux sociaux ou la documentation.
Prototypes UI animés
Les équipes de conception peuvent exporter des animations React interactives en fichiers vidéo pour les revues de parties prenantes, la documentation de conception ou les documents de transfert sans enregistrement d'écran.
Essayez ces prompts
Créez un composant Remotion simple qui fait apparaître un message de bienvenue en fondu sur 3 secondes en résolution 1080p. Utilisez la compétence remotion-render pour générer la vidéo.
Générez une vidéo montrant un compteur de pourcentage s'animant de 0 à 100 sur 5 secondes. Incluez un indicateur de chargement sous le compteur. Utilisez les hooks useCurrentFrame et useVideoConfig de Remotion.
Construisez un composant Remotion avec trois cartes de titre séquentielles qui s'affichent en fondu l'une après l'autre. Chaque carte doit s'afficher pendant 2 secondes avant la transition. Utilisez les composants Sequence et les animations spring pour un mouvement fluide.
Créez un modèle Remotion qui accepte les props de données utilisateur incluant le nom, l'entreprise et l réalisations. Générez une animation de certificat de récompense personnalisé. Ensuite, rendez plusieurs vidéos en transmettant différentes valeurs de props pour chaque destinataire.
Bonnes pratiques
- Gardez les composants Remotion purs et sans effets secondaires pour un rendu fiable dans différents environnements
- Utilisez les fonctions interpolate et spring de Remotion pour des animations fluides et professionnelles au lieu de calculs manuels d'images
- Testez les composants localement avec l'aperçu Remotion avant de les soumettre au rendu cloud pour détecter les erreurs tôt
Éviter
- Évitez de faire des appels API ou des requêtes réseau à l'intérieur des composants Remotion car le rendu se produit dans un environnement cloud isolé
- N'utilisez pas les API uniquement disponibles dans le navigateur comme localStorage ou l'objet window car Remotion s'exécute dans un contexte Node.js
- Évitez les durées vidéo excessivement longues ou les résolutions extrêmement élevées qui pourraient expirer ou dépasser les limites de la plateforme