Renderizar videos de Remotion desde TSX
La renderización programática de video es difícil cuando los equipos necesitan gráficos en movimiento repetibles a partir de componentes React. Esta skill guía a Claude, Codex o Claude Code para llamar al renderizador de inference.sh con entradas de Remotion.
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/halt-catch-fire-remotion-render.md and its manifest at https://skillstore.io/api/skills/halt-catch-fire-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.
Usa estos enlaces cuando un agente de IA, crawler o script necesite contexto limpio en vez de leer la página completa.
Usando "remotion-render". Renderiza un título breve de bienvenida con fondo oscuro y texto blanco.
Resultado esperado:
Un MP4 de tres segundos con aparición gradual suave del texto, resolución de 1920 por 1080 y reproducción a 30 FPS.
Usando "remotion-render". Crea un contador de métrica de producto para una publicación social cuadrada.
Resultado esperado:
Un MP4 cuadrado que muestra un contador porcentual animado, temporización controlada y un diseño de marca simple.
Usando "remotion-render". Renderiza una explicación de varios pasos usando los valores de título y subtítulo proporcionados.
Resultado esperado:
Un video de Remotion temporizado con secciones secuenciales, valores de texto pasados como entrada y un enlace de video devuelto.
Most static Ruby backtick findings are Markdown formatting, code fences, or documentation examples and were dismissed. Confirmed issues are the intended Belt CLI execution path, external installation commands, and reliance on inference.sh for remote rendering. No prompt injection attempt was found in SKILL.md.
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.
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.
https://skillstore.io/skills/halt-catch-fire-remotion-render/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/halt-catch-fire-remotion-render?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/halt-catch-fire-remotion-render?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/halt-catch-fire-remotion-render/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/halt-catch-fire-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>halt-catch-fire. (2026). remotion-render security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/halt-catch-fire-remotion-render/audits/4@techreport{halt-catch-fire-halt-catch-fire-remotion-render-2026,
author = {halt-catch-fire},
title = {remotion-render security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/halt-catch-fire-remotion-render/audits/4},
note = {Author version unspecified}
}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 4)"
version: "unspecified"
type: report
authors:
- name: "halt-catch-fire"
date-released: "2026-07-05"
url: "https://skillstore.io/skills/halt-catch-fire-remotion-render/audits/4"
identifiers:
- type: other
value: "skillstore:halt-catch-fire-remotion-render:audit:4"
description: "Skillstore immutable audit report identifier"
Cada 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
Los ingenieros frontend pueden renderizar componentes de animación React en recursos MP4 para lanzamientos de productos y demos.
Los equipos de datos pueden convertir lógica de gráficos y props en videos repetibles con dimensiones y duración controladas.
Los equipos de marketing pueden renderizar texto de marca, contadores y secuencias sin edición manual de líneas de tiempo.
Renderiza un video de título de Remotion de tres segundos con texto que aparece gradualmente, resolución de 1920 por 1080 y 30 FPS.
Crea una animación de Remotion usando nuestros colores de marca, una entrada con spring y una salida MP4 adecuada para una demo de producto.
Crea un video de Remotion basado en secuencias con tres secciones temporizadas, props para valores de texto y un renderizado cuadrado a 60 FPS.
Prepara un plan de renderización con duración, códec, dimensiones, ID de composición, props y transmisión de progreso explícitos para revisión.
Autor
halt-catch-fireLicencia
MIT
Revisión de Skillstore
r1
Aviso de versión
El autor no declaró una versión.
Ref.
30c73eac2afe762f6aa9c4553158769369d47351
Actualidad del mantenimiento
18/7/2026
Uso
10 descargas · 0 vistas
Estructura de archivos
📄 SKILL.md
Diseña miniaturas de YouTube con alto CTR
Las miniaturas de YouTube deben ser claras al tamaño del feed móvil y aun así conseguir clics. Esta skill ofrece reglas prácticas para diseño, color, texto, rostros y pruebas A/B.
Crea anuncios de video listos para plataformas
Los equipos suelen crear anuncios de video con dimensiones, duración, subtítulos o zonas seguras incorrectas para cada plataforma. Esta skill ofrece a Claude, Codex y Claude Code una guía específica por plataforma para planificar anuncios de video y generar prompts creativos listos para CLI.
Planificar lanzamientos en Product Hunt
Los lanzamientos en Product Hunt requieren una sincronización precisa, un posicionamiento claro y recursos visuales sólidos. Esta skill ofrece a los equipos una lista de verificación estructurada para el texto del listado, los recursos de la galería, los comentarios, la investigación y la ejecución del día del lanzamie
Crear videos de IA con modelos de Inference.sh
Los equipos necesitan formas rápidas de convertir prompts, imágenes y audio en recursos de video. Esta skill ofrece opciones de modelos y ejemplos de CLI para flujos de trabajo de video con inference.sh.
Crear videos de avatares con IA
Crear videos de avatares a menudo requiere selección de modelos, configuración de voz y flujos de trabajo multimedia de varios pasos. Esta skill guía a Claude, Codex y Claude Code a través de los comandos de video de avatar de inference.sh y una planificación segura de entradas.
Crear fotos de producto con IA
Los equipos de producto necesitan imágenes pulidas para listados, anuncios y catálogos sin una sesión completa en estudio. Esta skill proporciona patrones de prompts para packshots, escenas de estilo de vida, iluminación, ángulos y conjuntos completos de imágenes.
Crea mejores videos con Remotion
por remotion-dev
Los proyectos de Remotion necesitan patrones correctos para medios, temporización, subtítulos y renderizado. Esta skill proporciona a Claude, Codex y Claude Code reglas y ejemplos enfocados para trabajar con video en React.
Crear interfaces de agentes con React
por inference-sh
Las interfaces de agentes requieren chat en streaming, estados de herramientas, aprobaciones y conexión en tiempo de ejecución. Esta skill ayuda a añadir un componente de agente para React o Next.js con configuración de proxy, herramientas con alcance definido y patrones de UI.
Extraer metadatos de audio y vídeo
por remotion-dev
Las tareas relacionadas con metadatos multimedia necesitan fuentes de entrada adecuadas en proyectos de navegador, Node.js, Bun y Remotion. Esta habilidad proporciona patrones de Mediabunny para leer duraciones y dimensiones de vídeo desde URLs o archivos locales.
Create captions for Remotion videos
por remotion-dev
Timed captions can be difficult to create and synchronize in video compositions. This skill provides practical guidance for transcribing, importing, formatting, and rendering captions in Remotion.
Build a Remotion video SaaS application
por remotion-dev
Building a video SaaS application requires choices about UI previews, rendering, and deployment. This skill gives focused Remotion guidance for those choices and links to the relevant documentation.
Inspect Audio and Video with Mediabunny
por remotion-dev
Reading media metadata consistently across web and server environments can require unfamiliar APIs. This skill provides focused Mediabunny patterns for durations and video dimensions.