remotion-render
Rendre des vidéos à partir de code React/Remotion
Également disponible depuis: inference-sh-6,inference-sh-7
Générez des vidéos professionnelles de manière programmatique à partir de code TSX React/Remotion. Passez le code du composant,obtenez une sortie MP4 avec prise en charge complète des animations,y compris les ressorts,les séquences et l'interpolation.
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". Render a video with a bouncing ball animation using spring physics
Résultat attendu:
Une vidéo MP4 de 5 secondes à 60 ips montrant une balle blanche rebondissant sur un fond violet avec une physique réaliste à ressorts
Utilisation de "remotion-render". Create an animated title card with company branding
Résultat attendu:
Une vidéo d'intro de 3 secondes avec le logo de l'entreprise qui s'agrandit,le slogan qui apparaît en fondu et une animation fluide de dégradé d'arrière-plan
Audit de sécurité
SûrAll static findings are false positives. The detected 'external_commands' patterns are markdown code fences in documentation, not actual shell execution. The 'pipe to shell' pattern is the standard documented install method for the inference.sh CLI with SHA-256 checksum verification. Network URLs are legitimate service integrations (inference.sh, remotion.dev). The skill makes API calls to inference.sh to render videos - this is intended functionality.
Facteurs de risque
🌐 Accès réseau (6)
Score de qualité
Ce que vous pouvez construire
Vidéos marketing pilotées par les données
Générer du contenu vidéo personnalisé à partir de données : titres dynamiques, compteurs animés, présentations de produits
Animations de tutoriels pour développeurs
Créer des vidéos de tutoriels de code avec surlignage de syntaxe animé, effets de révélation de code et diagrammes dynamiques
Automatisation du contenu sur les réseaux sociaux
Automatiser la création de vidéos pour les plateformes sociales avec des animations personnalisées,superpositions de texte et image de marque
Essayez ces prompts
Rendre une vidéo avec le texte 'Hello World' en fondu sur un fond sombre. Utiliser 30 ips, 3 secondes de durée, résolution 1920x1080.
Créer une animation de chargement avec un compteur qui va de 0 à 100%. Utiliser la physique à ressorts pour une animation fluide à 60 ips.
Créer une vidéo avec trois éléments de texte qui s'affichent en séquence : 'First','Second','Third'. Chacun apparaît pendant 1 seconde.
Rendre une animation de graphique à barres montrant les valeurs de données [{value: 30},{value: 70},{value: 50}]. Les barres doivent s'animer de 0 à leurs valeurs.Bonnes pratiques
- Gardez les animations sous 10 secondes pour un rendu plus rapide
- Utilisez l'interpolation pour des transitions de valeurs fluides au lieu de calculs de frames manuels
- Testez le code dans Remotion Studio avant de l'utiliser en production
- Transmettez des props pour le contenu dynamique au lieu de coder des valeurs en dur
Éviter
- Évitez les transformations 3D complexes qui nécessitent des bibliothèques supplémentaires
- N'intégrez pas de grandes images base64 dans le code - utilisez plutôt des URLs externes
- Évitez de rendre des vidéos extrêmement longues (>60 secondes) en un seul passage