remotion-render
Remotion-Videos aus Code rendern
Auch verfügbar von: toolshell,inference-sh-9,inferen-sh,inference-sh-6,inference-sh-7,tul-sh,inference-shell,inference-sh-8
Generieren Sie MP4-Videos programmgesteuert aus React/Remotion TSX-Code ohne lokales Rendering. Dieser Skill verarbeitet Video-Encoding, Rendering und Hosting über die inference.sh CLI.
Die Skill-ZIP herunterladen
In Claude hochladen
Gehe zu Einstellungen → Fähigkeiten → Skills → Skill hochladen
Einschalten und loslegen
Teste es
Verwendung von "remotion-render". Erstellen Sie ein 3-Sekunden-Video mit blauem Hintergrund und weißem Text 'Hello World', das eingeblendet wird
Erwartetes Ergebnis:
MP4-Videodatei (1920x1080, 30fps, 3 Sekunden), die eine Einblendung von weißem Text auf blauem Hintergrund zeigt, gehostet auf dem inference.sh CDN mit direkter Download-URL
Verwendung von "remotion-render". Generieren Sie eine hüpfende Ball-Animation unter Verwendung von Spring-Physik über 2 Sekunden bei 60 FPS
Erwartetes Ergebnis:
Videodatei (1080x1080, 60fps, 2 Sekunden) mit sanfter springbasierter Hüpfanimation, zurückgegeben mit öffentlicher URL und Metadaten einschließlich Dauer und Dateigröße
Verwendung von "remotion-render". Rendern Sie ein Datenvideo mit dem Titel 'Revenue: $50K' und Untertitel 'Monthly Growth'
Erwartetes Ergebnis:
Gehostetes MP4, das den bereitgestellten Titel und Untertitel mit Einblendungs-Styling anzeigt, enthält Video-URL, Dauer (3s), Auflösung (1920x1080) und Render-Abschlussstatus
Sicherheitsaudit
SicherAll static analysis findings are false positives from a Markdown documentation file. The 'Ruby/shell backtick execution' patterns are bash code examples in fenced code blocks demonstrating CLI usage. URLs are legitimate documentation links to inference.sh and Remotion docs. No malicious intent, prompt injection, or data exfiltration detected.
Risikofaktoren
⚙️ Externe Befehle (1)
🌐 Netzwerkzugriff (3)
Qualitätsbewertung
Was du bauen kannst
Social-Media-Inhaltserstellung
Generieren Sie animierte Videoinhalte für Social-Plattformen unter Verwendung von Code-Vorlagen
Datenvisualisierungsvideos
Transformieren Sie Daten in animierte visuelle Erklärungen mit benutzerdefinierten Übergängen
Automatisierte Video-Workflows
Stapelgenerierung von Videos aus Vorlagen mit dynamischer Dateneinfügung
Probiere diese Prompts
Erstellen Sie ein Remotion-Video mit eingeblendetem Text 'Welcome' auf dunklem Hintergrund. Verwenden Sie eine Dauer von 3 Sekunden bei 30 FPS mit einer Auflösung von 1920x1080.
Generieren Sie ein Video, das einen Prozentzähler von 0% auf 100% über 5 Sekunden anzeigt. Verwenden Sie eine Spring-Animation für sanftes Easing. Format als 1080x1080 für quadratisches Video.
Erstellen Sie ein Video mit drei Textelementen, die nacheinander erscheinen: 'First' bei 0s, 'Second' bei 1s, 'Third' bei 2s. Jedes sollte über 20 Frames eingeblendet werden. Gesamtdauer 4 Sekunden.
Rendern Sie ein Video mit den Props { title: 'Sales Report', subtitle: 'Q4 2024' }, das diese Werte in stilisiertem Text anzeigt. Verwenden Sie die interpolate-Funktion für eine sanfte Einblendung.Bewährte Verfahren
- Testen Sie Ihre Remotion-Komponenten lokal mit der Remotion CLI, bevor Sie im großen Maßstab rendern
- Halten Sie die Videodauer unter 10 Sekunden für schnelleres Rendering und niedrigere Kosten
- Verwenden Sie interpolate für sanfte Wertübergänge anstelle manueller Berechnungen
- Optimieren Sie Bilder und Assets, bevor Sie sie in Ihren Komponenten referenzieren
Vermeiden
- Verwenden Sie keine lokalen Dateipfade für Bilder oder Assets – alle Medien müssen öffentlich zugängliche URLs verwenden
- Vermeiden Sie übermäßig lange Dauern oder hohe FPS,除非 dies erforderlich ist – dies erhöht die Renderzeit erheblich
- Vergessen Sie nicht, eine Default-Komponente zu exportieren – der Renderer erfordert genau einen Default-Export