remotion-render
Renderizar Videos desde Código React/Remotion
También disponible en: inference-sh-8,inference-sh-6
Transforma código TSX de React y Remotion en videos MP4 programáticamente. Perfecto para desarrolladores que desean generar animaciones, gráficos en movimiento y videos impulsados por datos a través de código.
Descargar el ZIP de la skill
Subir en Claude
Ve a Configuración → Capacidades → Skills → Subir skill
Activa y empieza a usar
Pruébalo
Usando "remotion-render". Render a video with animated counter from 0-100
Resultado esperado:
The skill returns a video file URL from inference.sh. Example output: { 'output': { 'video': 'https://cdn.inference.sh/...' }, 'progress': 100 }
Usando "remotion-render". Create fade-in welcome text video
Resultado esperado:
Progress updates stream during rendering. Final output includes video URL, format details, and duration.
Usando "remotion-render". Generate spring animation with custom props
Resultado esperado:
Streaming response shows progress percentage. Completed render returns video metadata and download URL.
Auditoría de seguridad
Riesgo bajoAll 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.
Problemas de riesgo medio (1)
Factores de riesgo
🌐 Acceso a red (1)
⚙️ Comandos externos (1)
Puntuación de calidad
Lo que puedes crear
Generar videos explicativos animados
Crea videos animados impulsados por datos pasando props dinámicos a componentes React. Perfecto para creación automatizada de contenido.
Crear gráficos en movimiento con código
Diseña animaciones usando React y las APIs de Remotion. Usa física de resorte, interpolación y secuencias para crear gráficos en movimiento profesionales.
Generación programática de video
Genera videos desde datos programáticamente. Alimenta datos dinámicos a componentes React para crear contenido de video personalizado a escala.
Prueba estos 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.
Mejores prácticas
- Comienza con composiciones simples y aumenta la complejidad a medida que verificas la salida
- Usa FPS más bajos y duraciones más cortas durante el desarrollo para acelerar la iteración
- Siempre especifica ancho, alto y FPS explícitamente para evitar dimensiones de salida inesperadas
- Usa props para hacer que los componentes sean reutilizables en diferentes salidas de video
Evitar
- No asumas renderización local - todo el procesamiento de video ocurre en los servidores de inference.sh
- Evites videos extremadamente largos sin probar versiones más cortas primero
- No omitas la configuración de autenticación - infsh login es requerido antes de renderizar
- Evita animaciones anidadas complejas sin probar cada componente individualmente
Preguntas frecuentes
¿Necesito instalar algo para usar esta skill?
¿Dónde se renderizan los videos?
¿Puedo usar mi propia configuración de Remotion?
¿Cuánto tiempo toma la renderización de video?
¿Qué formatos de salida están soportados?
¿Puedo pasar datos dinámicos a mi video?
Detalles del desarrollador
Estructura de archivos
📄 SKILL.md