Habilidades remotion-render
🎬

remotion-render

Baixo Risco 🌐 Acesso à rede⚙️ Comandos externos

Renderize Vídeos a Partir de Código React/Remotion

Também disponível em: inference-sh-8,inference-sh-6

Transforme código TSX React e Remotion em vídeos MP4 programaticamente. Perfeito para desenvolvedores que desejam gerar animações, motion graphics e vídeos orientados por dados através de código.

Suporta: Claude Codex Code(CC)
📊 71 Adequado
1

Baixar o ZIP da skill

2

Upload no Claude

Vá em Configurações → Capacidades → Skills → Upload skill

3

Ative e comece a usar

Testar

A utilizar "remotion-render". Renderize um vídeo com contador animado de 0-100

Resultado esperado:

A skill retorna uma URL de arquivo de vídeo do inference.sh. Exemplo de saída: { 'output': { 'video': 'https://cdn.inference.sh/...' }, 'progress': 100 }

A utilizar "remotion-render". Crie vídeo de texto de boas-vindas com fade-in

Resultado esperado:

Atualizações de progresso são transmitidas durante a renderização. A saída final inclui URL do vídeo, detalhes do formato e duração.

A utilizar "remotion-render". Gere animação spring com props personalizadas

Resultado esperado:

Resposta de streaming mostra porcentagem de progresso. Renderização concluída retorna metadados do vídeo e URL de download.

Auditoria de Segurança

Baixo Risco
v1 • 2/23/2026

All 43 static findings are false positives. The skill is a legitimate video rendering tool using the inference.sh service. External commands are documented CLI invocations (infsh), network calls are to required external APIs, and no cryptographic or malicious patterns exist.

1
Arquivos analisados
210
Linhas analisadas
3
achados
1
Total de auditorias
Problemas de Risco Médio (1)
SKILL.md:17
Shell pipe installation pattern
The skill documentation shows 'curl -fsSL https://cli.inference.sh | sh' for CLI installation. This is a common installation pattern used by many legitimate tools (Docker, etc.). The skill author notes that SHA-256 checksum verification is available.

Fatores de risco

🌐 Acesso à rede (1)
SKILL.md:9
⚙️ Comandos externos (1)
SKILL.md:15-27
Auditado por: claude

Pontuação de qualidade

38
Arquitetura
100
Manutenibilidade
87
Conteúdo
50
Comunidade
85
Segurança
91
Conformidade com especificações

O Que Você Pode Construir

Gere vídeos explicativos animados

Crie vídeos animados orientados por dados passando props dinâmicas para componentes React. Perfeito para criação automatizada de conteúdo.

Construa motion graphics com código

Designe animações usando APIs React e Remotion. Use spring physics, interpolation e sequences para criar motion graphics profissionais.

Geração programática de vídeos

Gere vídeos a partir de dados programaticamente. Alimente dados dinâmicos em componentes React para criar conteúdo de vídeo personalizado em escala.

Tente Estes Prompts

Texto simples com fade-in 
Crie um vídeo de 3 segundos com texto fade-in usando Remotion. Use AbsoluteFill para o container, interpolate para animação de opacidade, texto branco em fundo escuro, resolução 1920x1080 a 30fps. Renderize usando a skill remotion-render.
Contador animado com props 
Crie um contador animado de 0 a 100 que exiba o progresso. Use a skill remotion-render com props para título e subtítulo. Renderize a 60fps para animação suave, formato quadrado 1080x1080.
Animação de sequência 
Crie um vídeo com múltiplas cenas com três elementos de texto sequenciais. Use o componente Sequence do Remotion para cronometrar cada aparição. Renderize um vídeo de 4 segundos a 1920x1080, 30fps usando a skill remotion-render.
Animação com spring physics 
Crie um vídeo com um elemento animado por spring usando a API spring do Remotion. Inclua configuração de damping e stiffness. Renderize com resolução personalizada e configurações de FPS usando a skill remotion-render.

Melhores Práticas

  • Comece com composições simples e aumente a complexidade conforme você verifica a saída
  • Use FPS menor e durações mais curtas durante o desenvolvimento para acelerar a iteração
  • Sempre especifique largura, altura e FPS explicitamente para evitar dimensões de saída inesperadas
  • Use props para tornar os componentes reutilizáveis através de diferentes saídas de vídeo

Evitar

  • Não assuma renderização local - todo o processamento de vídeo acontece nos servidores inference.sh
  • Evite vídeos extremamente longos sem testar versões mais curtas primeiro
  • Não pule a configuração de autenticação - infsh login é necessário antes da renderização
  • Evite animações complexas aninhadas sem testar cada componente individualmente

Perguntas Frequentes

Preciso instalar algo para usar esta skill?
Sim, você precisa instalar a CLI inference.sh e autenticar com 'infsh login'. A documentação da skill inclui instruções de instalação.
Onde os vídeos são renderizados?
Os vídeos são renderizados nos servidores remotos inference.sh. Seu código TSX é enviado para o serviço, que renderiza e retorna a URL do vídeo.
Posso usar minha própria configuração Remotion?
A skill suporta APIs Remotion padrão. Configurações complexas de bundler podem exigir o uso direto da plataforma inference.sh.
Quanto tempo leva a renderização do vídeo?
O tempo de renderização depende da complexidade, duração e resolução do vídeo. A skill suporta streaming de progresso para monitorar renderizações longas.
Quais formatos de saída são suportados?
A saída padrão é MP4. Você pode especificar codec e outros parâmetros no schema de entrada.
Posso passar dados dinâmicos para meu vídeo?
Sim, use o parâmetro 'props' para passar valores dinâmicos para seu componente React. Isso possibilita geração de vídeo orientada por dados.

Detalhes do Desenvolvedor

Licença

MIT

Repositório

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

Referência

main

Estrutura de arquivos

📄 SKILL.md