Habilidades remotion-render
📦

remotion-render

Seguro

Renderize vídeos a partir de código React Remotion

Também disponível em: inference-sh-6,inference-shell,inference-sh-7,skillssh,toolshell,inference-sh-9,tul-sh,inference-sh-8

Criar vídeos programaticamente requer infraestrutura de renderização complexa. Esta habilidade transforma seus componentes TSX React/Remotion em vídeos MP4 instantaneamente através da plataforma inference.sh.

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". Componente TSX com animação de fade-in de texto, 3 segundos, 1080p

Resultado esperado:

URL do arquivo de vídeo MP4: https://cdn.inference.sh/output/rendered-video-abc123.mp4 (1920x1080, 30fps, H.264)

A utilizar "remotion-render". Contador animado de 0-100% com props para valores personalizados de início/fim

Resultado esperado:

Vídeo renderizado mostrando animação suave de porcentagem com indicador de progresso

Auditoria de Segurança

Seguro
v1 • 3/14/2026

All static analysis findings are false positives. The 32 'external_commands' detections are markdown code block examples in documentation, not actual shell execution. The 5 'network' findings are documentation URLs. The 3 'blocker' findings are false positives from frontmatter text. The skill uses restricted Bash access (infsh CLI only) for legitimate video rendering via inference.sh platform.

1
Arquivos analisados
211
Linhas analisadas
0
achados
1
Total de auditorias
Nenhum problema de segurança encontrado
Auditado por: claude

Pontuação de qualidade

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

O Que Você Pode Construir

Geração Automatizada de Vídeo

Gere conteúdo de vídeo com marca programaticamente a partir de templates com texto dinâmico, cores e visualizações de dados.

Visualizações de Dados Animadas

Transforme dados em vídeos explicativos animados mostrando tendências, comparações e insights com transições suaves.

Prototipagem de Animação de UI

Prototipe e compartilhe animações de UI como arquivos de vídeo compartilháveis para revisões de design e apresentações para stakeholders.

Tente Estes Prompts

Animação Simples de Fade 
Crie um vídeo de 5 segundos em 1080p com texto branco aparecendo gradualmente em um fundo escuro dizendo 'Hello World' usando a função interpolate do Remotion para animação de opacidade.
Contador Animado 
Gere um vídeo quadrado de 3 segundos mostrando um contador de porcentagem animando de 0% a 100% com transições suaves de números usando os hooks useCurrentFrame e useVideoConfig.
Animação com Física Spring 
Crie uma animação de 2 segundos de uma bola quicando usando a API spring do Remotion com valores personalizados de damping e stiffness. Use um fundo colorido e exporte a 60fps.
Cartão de Título Multi-Sequência 
Construa uma sequência de título de 6 segundos com três elementos de texto aparecendo em sequência. Primeiro mostre o título no frame 0, subtítulo no frame 30 e logo no frame 60. Cada elemento deve aparecer gradualmente em 15 frames. Use resolução 1920x1080.

Melhores Práticas

  • Mantenha o código do componente focado e mínimo - lógica complexa aumenta o tempo de renderização
  • Use interpolate para animações suaves em vez de cálculos manuais de frame
  • Teste animações em resolução mais baixa primeiro antes de renderizar saída final de alta qualidade
  • Forneça width, height, fps e duration explícitos para resultados consistentes

Evitar

  • Não inclua chamadas de API externas ou operações assíncronas em componentes Remotion
  • Evite importar pacotes além de remotion e react - eles podem não estar disponíveis
  • Não dependa de caminhos de arquivos locais para assets - use URLs HTTP em vez disso
  • Evite durações extremamente longas ou contagens altas de frames que causam timeout na renderização

Perguntas Frequentes

Quais formatos de vídeo e codecs são suportados?
A habilidade produz arquivos MP4. Codecs comuns incluem H.264 para ampla compatibilidade e ProRes para arquivos master de alta qualidade. Especifique via parâmetro codec.
Posso usar imagens ou vídeos dentro da minha composição Remotion?
Sim, use os componentes Img e Video do Remotion com URLs HTTP para assets externos. Caminhos de arquivos locais não são acessíveis.
Como passo dados dinâmicos para meu componente de vídeo?
Use o parâmetro 'props' na sua entrada. Seu componente deve aceitar props como segundo parâmetro: export default function Main({ title, color })
Qual é a duração máxima de vídeo que posso renderizar?
A duração depende dos limites da plataforma inference.sh. Para vídeos mais longos, considere dividir em segmentos ou usar modo de streaming para feedback de progresso.
Posso visualizar o vídeo antes da renderização final?
Sim, renderize em resolução mais baixa (ex: 640x360) e duração mais curta primeiro para verificar a animação, depois renderize a versão final em qualidade total.
Preciso de uma licença Remotion Pro para usar esta habilidade?
A habilidade usa a plataforma inference.sh que gerencia o licenciamento Remotion. Você pode usar APIs do Remotion sem gerenciar licenças diretamente.

Detalhes do Desenvolvedor

Licença

MIT

Repositório

https://github.com/inferen-sh/skills/tree/main/tools/video/remotion-render/

Referência

main

Estrutura de arquivos

📄 SKILL.md