remotion-render
Renderizar Videos desde Código React/Remotion
También disponible en: inference-sh-8,inference-sh-7
Transforma código React TSX en videos profesionales MP4 usando Remotion. Generación programática de videos para desarrolladores, creadores de contenido y flujos de trabajo de automatización.
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". Renderiza un video Remotion simple con texto animado
Resultado esperado:
La skill invoca la API de inference.sh y retorna un archivo de video. El usuario recibe un MP4 descargable con la animación renderizada.
Usando "remotion-render". Crea una animación de contador del 0 al 100
Resultado esperado:
Las actualizaciones de progreso se transmiten durante el renderizado, luego se entrega el MP4 final mostrando el contador animado.
Usando "remotion-render". Genera video con props personalizados
Resultado esperado:
El componente Remotion recibe los props y renderiza un video personalizado con el título y subtítulo proporcionados.
Auditoría de seguridad
SeguroAll 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.
Factores de riesgo
⚙️ Comandos externos (31)
🌐 Acceso a red (8)
Puntuación de calidad
Lo que puedes crear
Videos de Documentación para Desarrolladores
Automatiza la creación de videos tutoriales y de documentación escribiendo componentes React en lugar de usar editores de video
Contenido para Redes Sociales
Genera publicaciones animadas para redes sociales, anuncios y videos promocionales desde plantillas de código
Automatización de Video Impulsada por Datos
Crea videos que visualizan datos, métricas o análisis pasando props dinámicos a componentes Remotion
Prueba estos prompts
Renderiza un video usando la skill remotion-render. Crea una animación simple con el texto centrado 'Hello World' que aparece gradualmente durante 3 segundos a 30fps, resolución 1920x1080.
Usa remotion-render para crear un contador de progreso animado del 0 al 100% durante 5 segundos a 60fps. El contador debe aparecer en el centro de un fondo negro con texto blanco grande.
Crea un video con remotion-render con 3 elementos de texto secuenciales que aparecen uno después de otro. Cada texto debe aparecer durante 1 segundo, creando una animación de secuencia.
Renderiza un video con remotion-render que acepte props para título y subtítulo. Pasa title='Welcome' y subtitle='Created with AI' para generar una diapositiva de apertura con marca.
Mejores prácticas
- Comienza con animaciones simples y agrega complejidad gradualmente mientras aprendes las APIs de Remotion
- Usa transmisión para videos más largos para seguir el progreso del renderizado
- Prueba tu código TSX en Remotion Studio antes de renderizar para detectar errores temprano
- Mantén las duraciones de video cortas durante el desarrollo para reducir el tiempo de renderizado
Evitar
- No intentes renderizar videos muy largos (más de 60 segundos) sin transmisión - no verás el progreso
- Evita animaciones anidadas complejas que excedan los límites de tiempo de renderizado
- No proporciones cantidades muy grandes de datos como props - mantén los valores de props simples
- Evita usar imágenes externas o recursos que pueden fallar al cargar durante el renderizado
Preguntas frecuentes
¿Necesito instalar algo para usar esta skill?
¿Puedo usar mis propios componentes Remotion?
¿Cuánto tiempo toma el renderizado de video?
¿Puedo renderizar videos con audio?
¿Qué formatos de video se soportan?
¿Hay un límite en el tamaño del video?
Detalles del desarrollador
Estructura de archivos
📄 SKILL.md