スキル remotion-render
🎬

remotion-render

安全

Renderizar Videos desde Código React/Remotion

こちらからも入手できます: inference-sh-7,inference-sh-8,inference-sh-9,inference-sh-6

Transforma componentes React/Remotion TSX en videos MP4 programáticamente. Pasa código, obtén salida de video con control total sobre resolución, FPS, duración y animaciones.

対応: Claude Codex Code(CC)
🥉 73 ブロンズ
1

スキルZIPをダウンロード

2

Claudeでアップロード

設定 → 機能 → スキル → スキルをアップロードへ移動

3

オンにして利用開始

テストする

「remotion-render」を使用しています。 Renderizar un video con una animación de muelle de un cuadrado blanco sobre fondo morado

期待される結果:

Archivo de video descargado al directorio local. El video muestra un cuadrado blanco con esquinas redondeadas que escala usando física de muelles sobre un fondo morado (#6366f1).

「remotion-render」を使用しています。 Crear un video de bienvenida con animación de texto con fundido de entrada

期待される結果:

Archivo de video MP4 renderizado con texto 'Welcome' que se funde de entrada durante 2 segundos sobre un fondo azul oscuro (#1a1a2e).

セキュリティ監査

安全
v1 • 3/5/2026

This is a documentation skill that provides usage examples for the inference.sh video rendering service. All static findings are false positives: external_commands patterns are bash examples in documentation, network patterns are legitimate service URLs, and weak cryptographic algorithm flags are misidentified YAML/table content. No actual security risks present.

1
スキャンされたファイル
210
解析された行数
2
検出結果
1
総監査数
中リスクの問題 (2)
External Command Examples in Documentation
The skill contains bash command examples using infsh CLI. These are documentation showing how to use the service, not actual code execution. No user input is passed to shell commands.
External Service URLs Referenced
Hardcoded URLs to inference.sh and remotion.dev are legitimate service endpoints, not data exfiltration.
監査者: claude

品質スコア

38
アーキテクチャ
100
保守性
87
コンテンツ
50
コミュニティ
95
セキュリティ
91
仕様準拠

作れるもの

Generar Contenido Social Animado

Crear contenido de video marcado para redes sociales usando código. Perfecto para campañas de marketing automatizadas.

Crear Presentaciones de Video Basadas en Datos

Generar videos que visualicen datos de APIs o bases de datos. Usar props para inyectar contenido dinámico.

Crear Prototipos de Video para Diseño de Movimiento

Prototipar rápidamente conceptos de video y animaciones usando código React antes de la producción final.

これらのプロンプトを試す

Renderizado Básico de Video
Usa la habilidad remotion-render para renderizar un video con una simple animación de texto 'Hello World' con fundido de entrada durante 3 segundos a 30fps.
Video de Contador Animado
Crear un video que muestre un contador de porcentaje animado del 0% al 100% durante 5 segundos usando Remotion. Renderizar a 60fps con resolución 1080x1080.
Animación Multi-Secuencia
Renderizar un video con tres elementos de texto secuenciales que se funden uno después de otro. Usar el componente Sequence de Remotion. Duración: 4 segundos a 30fps.
Video con Props Personalizados
Generar un video usando props personalizados para título y subtítulo. Pasar title='Product Launch' y subtitle='Coming Soon' para crear un video de anuncio promocional.

ベストプラクティス

  • Comenzar con animaciones simples e incrementar la complejidad gradualmente
  • Usar FPS apropiado según las necesidades de suavidad de animación (30fps para simple, 60fps para movimiento fluido)
  • Probar con duraciones más cortas primero para verificar el comportamiento de renderizado antes de salidas más largas

回避

  • No incluir activos de imagen o video externos que requieran obtención de red durante el renderizado
  • Evitar árboles de componentes demasiado complejos que pueden causar tiempos de espera en el renderizado
  • No asumir acceso al sistema de archivos local dentro del entorno de renderizado

よくある質問

¿Necesito instalar algo para usar esta habilidad?
Sí, necesitas el CLI de inference.sh (infsh). Instálalo vía: npx skills add inference-sh/skills@agent-tools
¿Puedo usar imágenes externas en mi video?
No, el entorno de renderizado no tiene acceso a la red. Incluir todos los activos como base64 o usar el componente Img con URLs pre-alojadas.
¿Qué formatos de video se soportan?
El servicio soporta formatos comunes incluyendo MP4. Especificar códec en los parámetros de entrada si es necesario.
¿Cuánto tiempo toma el renderizado?
El tiempo de renderizado depende de la duración, resolución y complejidad. Videos simples de 3 segundos típicamente toman 30-60 segundos.
¿Puedo pasar datos dinámicos a mi video?
Sí, usar el parámetro props para pasar valores dinámicos como títulos, números o datos de APIs.
¿Es gratis de usar?
La habilidad es gratis de usar pero requiere una cuenta de inference.sh. Consulta sus precios para costos de renderizado.

開発者の詳細

作成者

tul-sh

ライセンス

MIT

参照

main

ファイル構成

📄 SKILL.md