remotion-render
Videos aus React/Remotion-Code rendern
Auch verfügbar von: inference-sh-8,inference-sh-7
Transformieren Sie React-TSX-Code in professionelle MP4-Videos mit Remotion. Programmatische Videogenerierung für Entwickler, Content-Ersteller und Automatisierungs-Workflows.
Die Skill-ZIP herunterladen
In Claude hochladen
Gehe zu Einstellungen → Fähigkeiten → Skills → Skill hochladen
Einschalten und loslegen
Teste es
Verwendung von "remotion-render". Rendern Sie ein einfaches Remotion-Video mit animiertem Text
Erwartetes Ergebnis:
Die Skill ruft die inference.sh API auf und gibt eine Videodatei zurück. Der Benutzer erhält ein herunterladbares MP4 mit der gerenderten Animation.
Verwendung von "remotion-render". Erstellen Sie eine Zähleranimation von 0 bis 100
Erwartetes Ergebnis:
Fortschritts-Updates werden während des Renderings gestreamt, dann wird das endgültige MP4 geliefert, das den animierten Zähler zeigt.
Verwendung von "remotion-render". Video mit benutzerdefinierten Props generieren
Erwartetes Ergebnis:
Die Remotion-Komponente empfängt die Props und rendert ein personalisiertes Video mit dem bereitgestellten Titel und Untertitel.
Sicherheitsaudit
SicherAll 43 static findings are false positives. External commands (infsh app run) are hardcoded service invocations, not arbitrary execution. Network requests go to the legitimate inference.sh rendering service. No malicious patterns detected.
Risikofaktoren
⚙️ Externe Befehle (31)
🌐 Netzwerkzugriff (8)
Qualitätsbewertung
Was du bauen kannst
Entwickler-Dokumentationsvideos
Automatisieren Sie die Erstellung von Tutorial- und Dokumentationsvideos, indem Sie React-Komponenten anstelle von Video-Editoren schreiben
Social-Media-Content
Generieren Sie animierte Social-Media-Posts, Ankündigungen und Werbevideos aus Code-Vorlagen
Datengesteuerte Video-Automatisierung
Erstellen Sie Videos, die Daten, Metriken oder Analysen visualisieren, indem Sie dynamische Props an Remotion-Komponenten übergeben
Probiere diese Prompts
Rendern Sie ein Video mit der remotion-render Skill. Erstellen Sie eine einfache Animation mit zentriertem Text 'Hello World', der über 3 Sekunden bei 30fps, 1920x1080 Auflösung, eingeblendet wird.
Verwenden Sie remotion-render, um einen animierten Fortschrittszähler von 0 bis 100% über 5 Sekunden bei 60fps zu erstellen. Der Zähler sollte in der Mitte eines schwarzen Hintergrunds mit großem weißem Text angezeigt werden.
Erstellen Sie ein remotion-render Video mit 3 sequenziellen Textelementen, die nacheinander eingeblendet werden. Jeder Text sollte für 1 Sekunde erscheinen und eine Sequenzanimation erstellen.
Rendern Sie ein remotion-render Video, das Props für title und subtitle akzeptiert. Übergeben Sie title='Welcome' und subtitle='Created with AI', um eine markengebundene Eröffnungsfolie zu generieren.
Bewährte Verfahren
- Beginnen Sie mit einfachen Animationen und fügen Sie nach und nach Komplexität hinzu, während Sie die Remotion-APIs lernen
- Verwenden Sie Streaming für längere Videos, um den Rendering-Fortschritt zu verfolgen
- Testen Sie Ihren TSX-Code im Remotion Studio, um Fehler frühzeitig zu erkennen
- Halten Sie die Video-Dauer während der Entwicklung kurz, um die Renderzeit zu reduzieren
Vermeiden
- Versuchen Sie nicht, sehr lange Videos (über 60 Sekunden) ohne Streaming zu rendern - Sie werden keinen Fortschritt sehen
- Vermeiden Sie komplexe verschachtelte Animationen, die die Render-Timeout-Limits überschreiten
- Übergeben Sie keine sehr großen Datenmengen als Props - halten Sie die Prop-Werte einfach
- Vermeiden Sie externe Bilder oder Assets, die während des Renderings möglicherweise nicht geladen werden können