Habilidades remotion-render
📦

remotion-render

Seguro 🌐 Acceso a red

Renderizar videos desde código React/Remotion

También disponible en: inference-sh-6,inference-sh-7

Genera videos profesionales programáticamente desde código React/Remotion TSX. Pasa código de componente y obtén salida MP4 con soporte completo de animaciones incluyendo springs, secuencias e interpolación.

Soporta: Claude Codex Code(CC)
🥉 74 Bronce
1

Descargar el ZIP de la skill

2

Subir en Claude

Ve a Configuración → Capacidades → Skills → Subir skill

3

Activa y empieza a usar

Pruébalo

Usando "remotion-render". Renderiza un video con una animación de pelota rebotando usando física spring

Resultado esperado:

Un video MP4 de 5 segundos a 60fps mostrando una pelota blanca rebotando sobre fondo morado con física spring realista

Usando "remotion-render". Crea una tarjeta de título animada con branding de empresa

Resultado esperado:

Un video de intro de 3 segundos con logotipo de empresa escalando, tagline apareciendo y animación suave de degradado de fondo

Auditoría de seguridad

Seguro
v1 • 2/25/2026

All static findings are false positives. The detected 'external_commands' patterns are markdown code fences in documentation, not actual shell execution. The 'pipe to shell' pattern is the standard documented install method for the inference.sh CLI with SHA-256 checksum verification. Network URLs are legitimate service integrations (inference.sh, remotion.dev). The skill makes API calls to inference.sh to render videos - this is intended functionality.

1
Archivos escaneados
210
Líneas analizadas
1
hallazgos
1
Auditorías totales

Factores de riesgo

🌐 Acceso a red (6)
SKILL.md:9 SKILL.md:11 SKILL.md:17 SKILL.md:207 SKILL.md:208 SKILL.md:209
Auditado por: claude

Puntuación de calidad

38
Arquitectura
100
Mantenibilidad
87
Contenido
50
Comunidad
100
Seguridad
91
Cumplimiento de la especificación

Lo que puedes crear

Videos de marketing basados en datos

Genera contenido de video personalizado desde datos: títulos dinámicos, contadores animados, demostraciones de productos

Animaciones para tutoriales de desarrollo

Crea videos de tutoriales de código con resaltado de sintaxis animado, efectos de revelado de código y diagramas dinámicos

Automatización de contenido para redes sociales

Automatiza la creación de videos para plataformas sociales con animaciones personalizadas, superposiciones de texto y branding

Prueba estos prompts

Desvanecimiento simple de texto 
Renderiza un video con texto desvaneciéndose 'Hello World' sobre fondo oscuro. Usa 30fps, 3 segundos de duración, resolución 1920x1080.
Contador animado 
Crea una animación de carga con un contador que va de 0 a 100%. Usa física spring para animación suave a 60fps.
Animación multi-secuencia 
Crea un video con tres elementos de texto que aparecen secuencialmente: 'First', 'Second', 'Third'. Cada uno aparece durante 1 segundo.
Visualización de datos 
Renderiza una animación de gráfico de barras mostrando valores de datos [{value: 30}, {value: 70}, {value: 50}]. Las barras deben animarse de 0 a sus valores.

Mejores prácticas

  • Mantén las animaciones bajo 10 segundos para renderizado más rápido
  • Usa interpolación para transiciones suaves de valores en lugar de cálculos manuales de frame
  • Prueba el código en Remotion Studio antes de usar en producción
  • Pasa props para contenido dinámico en lugar de hardcodear valores

Evitar

  • Evita transformaciones 3D complejas que requieren librerías adicionales
  • No incrustes imágenes base64 grandes en el código - usa URLs externas en su lugar
  • Evita renderizar videos extremadamente largos (>60 segundos) en una sola pasada

Preguntas frecuentes

¿Qué es Remotion?
Remotion es un framework para crear videos programáticamente usando React. Te permite escribir componentes de video en TypeScript/React y renderizarlos a MP4.
¿Necesito instalar algo?
Necesitas tener instalado el CLI de inference.sh. Ejecuta: curl -fsSL https://cli.inference.sh | sh
¿Puedo usar imágenes o audio externos?
Sí, puedes usar los componentes Img y Audio para incluir assets externos vía URL.
¿Cuánto tiempo toma el renderizado?
Las animaciones simples (3-5 segundos) típicamente renderizan en 30-60 segundos. Los videos complejos pueden tomar varios minutos.
¿Qué formatos de video están soportados?
La salida predeterminada es MP4. Puedes especificar codec en los parámetros de entrada.
¿Puedo renderizar múltiples composiciones?
Sí, especifica diferentes valores de composition_id en tu entrada para renderizar múltiples videos en secuencia.

Detalles del desarrollador

Licencia

MIT

Repositorio

https://github.com/inference-sh-8/skills/tree/main/skills/remotion-render/

Ref.

main

Estructura de archivos

📄 SKILL.md