remotion-render
Renderizar Vídeos a Partir de Código React/Remotion
Também disponível em: skillssh,toolshell,inference-sh-9,inferen-sh,inference-sh-6,inference-sh-7,inference-shell,inference-sh-8
Transforme componentes TSX React/Remotion em vídeos MP4 de forma programática. Passe código, obtenha saída de vídeo com controle total sobre resolução, FPS, duração e animações.
Baixar o ZIP da skill
Upload no Claude
Vá em Configurações → Capacidades → Skills → Upload skill
Ative e comece a usar
Testar
A utilizar "remotion-render". Renderize um vídeo com uma animação de mola de um quadrado branco em fundo roxo
Resultado esperado:
Arquivo de vídeo baixado para o diretório local. O vídeo mostra um quadrado branco com cantos arredondados que escala usando física de mola em um fundo roxo (#6366f1).
A utilizar "remotion-render". Crie um vídeo de boas-vindas com animação de texto fade-in
Resultado esperado:
Arquivo de vídeo MP4 renderizado com texto 'Welcome' que aparece com fade-in por 2 segundos em um fundo azul escuro (#1a1a2e).
Auditoria de Segurança
SeguroThis 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.
Problemas de Risco Médio (2)
Pontuação de qualidade
O Que Você Pode Construir
Gerar Conteúdo Animado para Redes Sociais
Crie conteúdo de vídeo em marca para redes sociais usando código. Perfeito para campanhas de marketing automatizadas.
Construir Apresentações de Vídeo Baseadas em Dados
Gere vídeos que visualizam dados de APIs ou bancos de dados. Use props para injetar conteúdo dinâmico.
Criar Protótipos de Vídeo para Design de Movimento
Prototipe rapidamente conceitos de vídeo e animações usando código React antes da produção final.
Tente Estes Prompts
Use a skill remotion-render para renderizar um vídeo com uma animação de texto simples 'Hello World' com fade-in por 3 segundos a 30fps.
Crie um vídeo que mostra um contador de porcentagem animado de 0% a 100% por 5 segundos usando Remotion. Renderize a 60fps com resolução 1080x1080.
Renderize um vídeo com três elementos de texto sequenciais que aparecem com fade-in um após o outro. Use o componente Sequence do Remotion. Duração: 4 segundos a 30fps.
Gere um vídeo usando props personalizadas para título e subtítulo. Passe title='Product Launch' e subtitle='Coming Soon' para criar um vídeo de anúncio promocional.
Melhores Práticas
- Comece com animações simples e adicione complexidade incrementalmente
- Use FPS apropriado com base nas necessidades de suavidade da animação (30fps para simples, 60fps para movimento suave)
- Teste com durações mais curtas primeiro para verificar o comportamento de renderização antes de saídas mais longas
Evitar
- Não inclua ativos externos de imagem ou vídeo que exijam busca de rede durante a renderização
- Evite árvores de componentes excessivamente complexas que podem causar timeouts de renderização
- Não assuma acesso ao sistema de arquivos local dentro do ambiente de renderização