remotion-render
Générer des vidéos à partir du code React/Remotion
Également disponible depuis: skillssh,toolshell,inference-sh-9,inferen-sh,inference-sh-6,inference-sh-7,inference-shell,inference-sh-8
Transformez les composants TSX React/Remotion en vidéos MP4 par programme. Fournissez du code, obtenez une sortie vidéo avec un contrôle total sur la résolution, le FPS, la durée et les animations.
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 avec une animation spring d'un carré blanc sur fond violet
Résultat attendu:
Fichier vidéo téléchargé dans le répertoire local. La vidéo montre un carré blanc aux coins arrondis qui utilise la physique spring sur un fond violet (#6366f1).
Utilisation de "remotion-render". Créer une vidéo d'accueil avec animation de fondu du texte
Résultat attendu:
Fichier vidéo MP4 rendu avec le texte 'Welcome' qui apparaît en fondu sur 2 secondes sur un fond bleu foncé (#1a1a2e).
Audit de sécurité
SûrThis is a documentation skill that provides usage examples for the inference.sh video rendering service. All static findings are false positives: external_commands patterns are bash examples in documentation, network patterns are legitimate service URLs, and weak cryptographic algorithm flags are misidentified YAML/table content. No actual security risks present.
Problèmes à risque moyen (2)
Score de qualité
Ce que vous pouvez construire
Générer du contenu animé pour les réseaux sociaux
Créez du contenu vidéo de marque pour les réseaux sociaux en utilisant du code. Idéal pour les campagnes marketing automatisées.
Créer des présentations vidéo basées sur des données
Générez des vidéos qui visualisent des données provenant d'API ou de bases de données. Utilisez les props pour injecter du contenu dynamique.
Créer des prototypes vidéo pour le motion design
Créez rapidement des prototypes de concepts vidéo et d'animations en utilisant du code React avant la production finale.
Essayez ces prompts
Utilisez le skill remotion-render pour rendre une vidéo avec une animation de fondu simple du texte 'Hello World' sur 3 secondes à 30fps.
Créez une vidéo affichant un compteur de pourcentage animé de 0% à 100% sur 5 secondes en utilisant Remotion. Rendez à 60fps avec une résolution 1080x1080.
Rendez une vidéo avec trois éléments de texte séquentiels qui apparaissent en fondu les uns après les autres. Utilisez le composant Sequence de Remotion. Durée : 4 secondes à 30fps.
Générez une vidéo en utilisant des props personnalisées pour le titre et le sous-titre. Passez title='Product Launch' et subtitle='Coming Soon' pour créer une vidéo d'annonce promotionnelle.
Bonnes pratiques
- Commencez avec des animations simples et ajoutez de la complexité de manière incrémentale
- Utilisez un FPS approprié en fonction des besoins de fluidité de l'animation (30fps pour le simple, 60fps pour un mouvement fluide)
- Testez d'abord avec des durées plus courtes pour vérifier le comportement du rendu avant des sorties plus longues
Éviter
- N'incluez pas d'assets d'images ou de vidéos externes qui nécessitent un chargement réseau pendant le rendu
- Évitez les arbres de composants trop complexes qui peuvent provoquer des dépassements de délai de rendu
- Ne supposez pas l'accès au système de fichiers local dans l'environnement de rendu