remotion-render
Rend des vidéos à partir de code Remotion React
Également disponible depuis: inference-sh-6,inference-shell,inference-sh-7,skillssh,toolshell,inference-sh-9,tul-sh,inference-sh-8
Créer des vidéos de manière programmatique nécessite une infrastructure de rendu complexe. Cette compétence transforme instantanément vos composants React/Remotion TSX 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 TSX avec animation de texte en fondu, 3 secondes, 1080p
Résultat attendu:
URL du fichier vidéo MP4 : https://cdn.inference.sh/output/rendered-video-abc123.mp4 (1920x1080, 30fps, H.264)
Utilisation de "remotion-render". Compteur animé de 0-100% avec props pour valeurs de début/fin personnalisées
Résultat attendu:
Vidéo carrée rendue montrant une animation de pourcentage fluide avec indicateur de progression
Audit de sécurité
SûrAll static analysis findings are false positives. The 32 'external_commands' detections are markdown code block examples in documentation, not actual shell execution. The 5 'network' findings are documentation URLs. The 3 'blocker' findings are false positives from frontmatter text. The skill uses restricted Bash access (infsh CLI only) for legitimate video rendering via inference.sh platform.
Score de qualité
Ce que vous pouvez construire
Génération Automatisée de Vidéo
Générez du contenu vidéo marqué programmatisement à partir de modèles avec du texte, des couleurs et des visualisations de données dynamiques.
Visualisations de Données Animées
Transformez des données en vidéos explicatives animées montrant tendances, comparaisons et insights avec des transitions fluides.
Prototypage d'Animations UI
Prototypez et partagez des animations UI sous forme de fichiers vidéo pour des revues de design et présentations aux parties prenantes.
Essayez ces prompts
Crée une vidéo 1080p de 5 secondes avec du texte blanc apparaissant en fondu sur un fond sombre disant 'Hello World' en utilisant la fonction interpolate de Remotion pour l'animation d'opacité.
Génère une vidéo carrée de 3 secondes montrant un compteur de pourcentage animé de 0% à 100% avec des transitions de nombres fluides utilisant les hooks useCurrentFrame et useVideoConfig.
Crée une animation de 2 secondes d'une balle rebondissante utilisant l'API spring de Remotion avec des valeurs personnalisées de damping et stiffness. Utilise un fond coloré et exporte à 60fps.
Construis une séquence de titre de 6 secondes avec trois éléments texte apparaissant en séquence. Affiche d'abord le titre à la frame 0, le sous-titre à la frame 30, et le logo à la frame 60. Chaque élément doit apparaître en fondu sur 15 frames. Utilise la résolution 1920x1080.
Bonnes pratiques
- Gardez le code du composant ciblé et minimal - une logique complexe augmente le temps de rendu
- Utilisez interpolate pour des animations fluides au lieu de calculs manuels de frames
- Testez les animations à basse résolution d'abord avant de rendre la sortie finale haute qualité
- Fournissez explicitement width, height, fps et duration pour des résultats cohérents
Éviter
- N'incluez pas d'appels API externes ou d'opérations async dans les composants Remotion
- Évitez d'importer des packages au-delà de remotion et react - ils peuvent ne pas être disponibles
- Ne vous fiez pas aux chemins de fichiers locaux pour les assets - utilisez des URLs HTTP à la place
- Évitez les durées extrêmement longues ou les nombres de frames élevés qui font timeout le rendu