remotion-render
Videos aus React/Remotion-Code rendern
Auch verfügbar von: inference-sh-8,inference-sh-6
Transformieren Sie React- und Remotion-TSX-Code programmatisch in MP4-Videos. Perfekt für Entwickler, die Animationen, Motion Graphics und datengesteuerte Videos durch Code generieren möchten.
Die Skill-ZIP herunterladen
In Claude hochladen
Gehe zu Einstellungen → Fähigkeiten → Skills → Skill hochladen
Einschalten und loslegen
Teste es
Verwendung von "remotion-render". Video mit animiertem Zähler von 0-100 rendern
Erwartetes Ergebnis:
Die Skill gibt eine Video-URL von inference.sh zurück. Beispielausgabe: { 'output': { 'video': 'https://cdn.inference.sh/...' }, 'progress': 100 }
Verwendung von "remotion-render". Fade-in-Willkommensvideo erstellen
Erwartetes Ergebnis:
Fortschritts-Updates werden während des Renderings gestreamt. Die finale Ausgabe enthält die Video-URL, Formatdetails und Dauer.
Verwendung von "remotion-render". Spring-Animation mit benutzerdefinierten Props generieren
Erwartetes Ergebnis:
Die Streaming-Antwort zeigt den Fortschritt in Prozent. Abgeschlossenes Rendering gibt Video-Metadaten und Download-URL zurück.
Sicherheitsaudit
Niedriges RisikoAll 43 static findings are false positives. The skill is a legitimate video rendering tool using the inference.sh service. External commands are documented CLI invocations (infsh), network calls are to required external APIs, and no cryptographic or malicious patterns exist.
Probleme mit mittlerem Risiko (1)
Risikofaktoren
🌐 Netzwerkzugriff (1)
⚙️ Externe Befehle (1)
Qualitätsbewertung
Was du bauen kannst
Animierte Erklärvideos generieren
Erstellen Sie datengesteuerte animierte Videos durch Übergabe dynamischer Props an React-Komponenten. Perfekt für automatisierte Inhaltserstellung.
Motion Graphics mit Code erstellen
Gestalten Sie Animationen mit React- und Remotion-APIs. Verwenden Sie Spring-Physik, Interpolation und Sequenzen, um professionelle Motion Graphics zu erstellen.
Programmatische Videogenerierung
Generieren Sie Videos programmatisch aus Daten. Übergeben Sie dynamische Daten an React-Komponenten, um personalisierte Videoinhalte im großen Maßstab zu erstellen.
Probiere diese Prompts
Create a 3-second video with fade-in text using Remotion. Use AbsoluteFill for the container, interpolate for opacity animation, white text on dark background, 1920x1080 resolution at 30fps. Render it using the remotion-render skill.
Create an animated counter from 0 to 100 that displays progress. Use the remotion-render skill with props for title and subtitle. Render at 60fps for smooth animation, 1080x1080 square format.
Create a multi-scene video with three sequential text elements. Use Remotion Sequence component to time each appearance. Render a 4-second video at 1920x1080, 30fps using remotion-render skill.
Create a video with a spring-animated element using Remotion spring API. Include damping and stiffness configuration. Render with custom resolution and FPS settings using the remotion-render skill.
Bewährte Verfahren
- Beginnen Sie mit einfachen Kompositionen und erhöhen Sie die Komplexität, nachdem Sie die Ausgabe verifiziert haben
- Verwenden Sie während der Entwicklung niedrigere FPS und kürzere Dauern, um die Iteration zu beschleunigen
- Geben Sie immer Breite, Höhe und FPS explizit an, um unerwartete Ausgabeabmessungen zu vermeiden
- Verwenden Sie Props, um Komponenten für verschiedene Video-Ausgaben wiederverwendbar zu machen
Vermeiden
- Gehen Sie nicht davon aus, dass das Rendering lokal erfolgt - die gesamte Videoverarbeitung findet auf inference.sh-Servern statt
- Vermeiden Sie extrem lange Videos, ohne kürzere Versionen zuerst zu testen
- Überspringen Sie nicht die Authentifizierungseinrichtung - infsh login ist vor dem Rendering erforderlich
- Vermeiden Sie komplexe verschachtelte Animationen, ohne jede Komponente einzeln zu testen