remotion-render
Renderizar animaciones de React como videos
Convertir código de animación de React en un video que se pueda compartir requiere un proceso de renderizado configurado. Esta skill envía TSX de Remotion a inference.sh y devuelve el video renderizado.
Instalar con mi Agente
Copia esta solicitud en tu Agente. Incluye la página canónica del Skill y el manifiesto.
Review the Skillstore skill "remotion-render" from https://skillstore.io/skills/101-skills-remotion-render.md and its manifest at https://skillstore.io/api/skills/101-skills-remotion-render/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Tu Agente debe seguir mostrando su plan y solicitar cualquier confirmación exigida por la política de seguridad.
Recursos legibles por agentes
Usa estos enlaces cuando un agente de IA, crawler o script necesite contexto limpio en vez de leer la página completa.
Pruébalo
Usando "remotion-render". Renderiza un contador de carga cuadrado de cero a cien durante cinco segundos.
Resultado esperado:
Un video de 1080 por 1080 con un contador porcentual centrado, fondo oscuro, temporización a 60 FPS y la ubicación del video devuelta.
Usando "remotion-render". Crea un anuncio de producto de tres escenas utilizando los títulos y colores de marca proporcionados.
Resultado esperado:
- Una composición reutilizable de Remotion con escenas temporizadas y transiciones de fundido.
- Props para títulos, subtítulos y colores.
- La ubicación de un video renderizado tras el procesamiento en la nube.
Usando "remotion-render". Renderiza la entrada de un logotipo mediante movimiento de resorte.
Resultado esperado:
Un video de dos segundos en el que el logotipo aumenta de escala suavemente hasta aparecer, utilizando la amortiguación y la rigidez configuradas para el resorte.
Auditoría de seguridad
Riesgo medioEight findings confirm commands that authenticate, submit rendering jobs, or install remote skill packages. One network finding confirms a remote image request; remaining matches are Markdown syntax, source examples, or documentation links. The workflows also send TSX and props to inference.sh for cloud execution.
Preocupaciones de seguridad confirmadas (1)
Elementos de revisión de capacidades (9)
Estas son capacidades locales reales que pueden esperarse para esta habilidad, por lo que requieren revisión, pero no se cuentan como comportamiento malicioso confirmado.
Factores de riesgo
⚙️ Comandos externos (31)
🌐 Acceso a red (6)
Compartir y citar este informe
Comparte el informe de evaluación versionado, la insignia neutral, la tarjeta insertable y las citas. Skillstore presenta evidencias sin decidir si este Skill es seguro.
Copiar enlace del informe
https://skillstore.io/skills/101-skills-remotion-render/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportInsignia Markdown
[](https://skillstore.io/skills/101-skills-remotion-render?utm_source=security_passport_badge)Insignia HTML
<a href="https://skillstore.io/skills/101-skills-remotion-render?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/101-skills-remotion-render/security.svg" alt="Skillstore security assessment" loading="lazy"></a>Tarjeta para insertar
<iframe src="https://skillstore.io/embed/skills/101-skills-remotion-render.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Citas académicas (APA · BibTeX · CFF)
Cita APA
101-skills. (2026). remotion-render security audit report (audit version 5) [Author version unspecified]. Skillstore. https://skillstore.io/skills/101-skills-remotion-render/audits/5Cita BibTeX
@techreport{101-skills-101-skills-remotion-render-2026,
author = {101-skills},
title = {remotion-render security audit report (audit version 5)},
institution = {Skillstore},
year = {2026},
number = {5},
url = {https://skillstore.io/skills/101-skills-remotion-render/audits/5},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "remotion-render security audit report (audit version 5)"
version: "unspecified"
type: report
authors:
- name: "101-skills"
date-released: "2026-07-12"
url: "https://skillstore.io/skills/101-skills-remotion-render/audits/5"
identifiers:
- type: other
value: "skillstore:101-skills-remotion-render:audit:5"
description: "Skillstore immutable audit report identifier"
Comparar variantes
17 variantes instalablesCada autor sigue siendo un skill instalable independiente. La variante recomendada se ordena según la evidencia de Skillstore.
Por qué esta variante es la primera
remotion-dev-remotion-render
2026-09-09
infsh-skills-remotion-render
2026-09-09
toolshell-remotion-render
2026-09-09
skillssh-remotion-render
2026-09-09
inference-shell-remotion-render
2026-09-09
tul-sh-remotion-render
2026-09-09
halt-catch-fire-remotion-render
2026-09-09
inference-skills-remotion-render
2026-09-09
inferen-sh-remotion-render
2026-09-09
qu-skills-remotion-render
2026-09-09
inference-sh-skills-remotion-render
2026-09-09
101-skills-remotion-render
2026-09-09
inference-sh-8-remotion-render
2026-09-09
inference-sh-6-remotion-render
2026-09-09
skills-shell-remotion-render
2026-09-09
inference-sh-9-remotion-render
2026-09-09
inference-sh-7-remotion-render
2026-09-09
Puntuación de Skillstore
Por qué esta puntuación Confianza de la evidencia: MedioLo que puedes crear
Crear gráficos animados para productos
Renderiza títulos, contadores y transiciones de marca a partir de componentes reutilizables de React.
Generar videos basados en datos
Pasa valores cambiantes mediante props para producir informes repetibles o clips para redes sociales.
Crear prototipos de animaciones de Remotion
Prueba la temporización, la interpolación, las secuencias y el movimiento de resorte sin configurar un renderizador local.
Prueba estos prompts
Crea un video de Remotion de tres segundos que muestre [text] apareciendo gradualmente sobre un fondo de color [background color]. Renderízalo a [width] por [height] y [fps] FPS.
Crea un contador de Remotion con [data values] y [brand colors]. Pasa los valores como props y renderiza un video de [duration] segundos.
Crea una composición de Remotion con [scene count] escenas temporizadas, [transition style] y [media assets]. Utiliza las reglas de marca y la configuración de renderizado proporcionadas.
Diseña un componente reutilizable de Remotion para [campaign]. Valida [input fields], secuencia [content stages], transmite el progreso del renderizado y produce variantes para [formats].
Mejores prácticas
- Mantén explícitas las entradas de los componentes y pasa el contenido cambiante mediante props.
- Elige la velocidad de fotogramas, la duración y las dimensiones antes de ajustar la temporización de la animación.
- Revisa el código y elimina los secretos antes de enviar cualquier solicitud de renderizado en la nube.
Evitar
- No incluyas credenciales, URLs privadas ni datos confidenciales en TSX o props.
- No instales skills remotas sin versiones fijadas sin revisar su código fuente y su editor.
- No des por sentado que los recursos remotos o los paquetes no compatibles estarán disponibles durante el renderizado.
Preguntas frecuentes
¿Qué entrada requiere el renderizador?
¿Qué API de animación puedo utilizar?
¿Puedo pasar contenido dinámico?
¿El renderizado se realiza localmente?
¿Qué configuración se requiere?
¿Puedo supervisar un renderizado largo?
Detalles del desarrollador
Autor
101-skillsLicencia
MIT
Revisión de Skillstore
r1
Aviso de versión
El autor no declaró una versión.
Ref.
d71c7417a35d5c2624161bd2fe8de8a41a362128
Actualidad del mantenimiento
18/7/2026
Uso
2 descargas · 0 vistas
Estructura de archivos
📄 SKILL.md