remotion-render
Renderizar videos desde código React Remotion
也可从以下获取: skillssh,toolshell,inferen-sh,inference-sh-6,inference-sh-7,tul-sh,inference-shell,inference-sh-8
Crear videos de forma programática es complejo y requiere infraestructura de renderizado especializada. Esta habilidad transforma componentes React Remotion en videos MP4 mediante renderizado en la nube, permitiendo a los desarrolladores generar videos desde código sin necesidad de gestionar servidores de renderizado.
下载技能 ZIP
在 Claude 中上传
前往 设置 → 功能 → 技能 → 上传技能
开启并开始使用
测试它
正在使用“remotion-render”。 Componente Remotion con animación de texto fade-in, duración 3 segundos, 1080p
预期结果:
- Trabajo de renderizado enviado exitosamente
- Progreso: 0% -> 25% -> 50% -> 75% -> 100%
- URL del video: https://cdn.inference.sh/outputs/abc123/video.mp4
正在使用“remotion-render”。 Componente de contador animado con props dinámicos mostrando porcentaje de progreso
预期结果:
- Componente compilado con props proporcionados
- Renderizando frames 1-180 a 60 FPS
- Salida: 1080x1080 MP4, codec H.264, duración 5 segundos
- Enlace de descarga expira en 7 días
安全审计
低风险Static analysis detected 31 external command patterns and 8 network URLs, but all are FALSE POSITIVES. The skill uses the infsh CLI with proper allowed-tools constraints (Bash(infsh *)). External commands are intentional platform integration, not arbitrary execution. Network URLs point to legitimate service endpoints. Weak crypto finding triggered by SHA-256 documentation reference (SHA-256 is secure). Pipe-to-shell on line 17 is optional user-run CLI installation, not skill-executed code.
低风险问题 (1)
风险因素
⚙️ 外部命令 (31)
质量评分
你能构建什么
Generación automatizada de contenido de video
Los equipos de marketing pueden generar contenido de video personalizado a escala pasando datos de clientes como props a plantillas Remotion, produciendo videos personalizados para cada destinatario sin edición manual.
Videos de visualización de datos
Los desarrolladores pueden convertir gráficos dinámicos, diagramas y animaciones de datos en formatos de video compartibles para presentaciones, redes sociales o propósitos de documentación.
Prototipos animados de UI
Los equipos de diseño pueden exportar animaciones interactivas de React como archivos de video para revisiones de stakeholders, documentación de diseño o materiales de handoff sin necesidad de grabar pantalla.
试试这些提示
Crea un componente Remotion simple que haga fade in de un mensaje de bienvenida durante 3 segundos en resolución 1080p. Usa la habilidad remotion-render para generar el video.
Genera un video mostrando un contador de porcentaje animado de 0 a 100 durante 5 segundos. Incluye un indicador de carga debajo del contador. Usa los hooks useCurrentFrame y useVideoConfig de Remotion.
Construye un componente Remotion con tres tarjetas de título secuenciales que aparezcan con fade in una después de otra. Cada tarjeta debe mostrarse durante 2 segundos antes de hacer la transición. Usa componentes Sequence y animaciones spring para un movimiento suave.
Crea una plantilla Remotion que acepte props de datos de usuario incluyendo nombre, empresa y logro. Genera una animación de certificado de premio personalizado. Luego renderiza múltiples videos pasando diferentes valores de props para cada destinatario.
最佳实践
- Mantén los componentes Remotion puros y libres de efectos secundarios para un renderizado confiable en diferentes entornos
- Usa las funciones interpolate y spring de Remotion para animaciones suaves y profesionales en lugar de cálculos manuales de frame
- Prueba los componentes localmente con la vista previa de Remotion antes de enviar a renderizado en la nube para detectar errores tempranamente
避免
- Evita hacer llamadas API o solicitudes de red dentro de componentes Remotion ya que el renderizado ocurre en un entorno aislado en la nube
- No uses APIs exclusivas del navegador como localStorage o el objeto window ya que Remotion renderiza en un contexto Node.js
- Evita duraciones de video excesivamente largas o resoluciones extremadamente altas que puedan causar timeout o exceder los límites de la plataforma