Habilidades remotion-render
📦

remotion-render

Seguro 🌐 Acesso à rede

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

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

Gere vídeos profissionais programaticamente a partir de código React/Remotion TSX. Passe o código do componente e receba saída MP4 com suporte completo a animações incluindo springs, sequences e interpolação.

Suporta: Claude Codex Code(CC)
🥉 74 Bronze
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 uma animação de bola quicando usando física spring

Resultado esperado:

Um vídeo MP4 de 5 segundos a 60fps mostrando uma bola branca quicando em um fundo roxo com física spring realista

A utilizar "remotion-render". Crie um cartão de título animado com identidade visual da empresa

Resultado esperado:

Um vídeo de introdução de 3 segundos com logotipo da empresa escalando, slogan aparecendo com fade e animação suave de gradiente de fundo

Auditoria de Segurança

Seguro
v1 • 2/25/2026

All static findings are false positives. The detected 'external_commands' patterns are markdown code fences in documentation, not actual shell execution. The 'pipe to shell' pattern is the standard documented install method for the inference.sh CLI with SHA-256 checksum verification. Network URLs are legitimate service integrations (inference.sh, remotion.dev). The skill makes API calls to inference.sh to render videos - this is intended functionality.

1
Arquivos analisados
210
Linhas analisadas
1
achados
1
Total de auditorias

Fatores de risco

🌐 Acesso à rede (6)
SKILL.md:9 SKILL.md:11 SKILL.md:17 SKILL.md:207 SKILL.md:208 SKILL.md:209
Auditado por: claude

Pontuação de qualidade

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

O Que Você Pode Construir

Vídeos de Marketing Orientados a Dados

Gere conteúdo de vídeo personalizado a partir de dados: títulos dinâmicos, contadores animados, apresentações de produtos

Animações para Tutoriais de Desenvolvimento

Crie vídeos de tutorial de código com destaque de sintaxe animado, efeitos de revelação de código e diagramas dinâmicos

Automação de Conteúdo para Mídias Sociais

Automatize a criação de vídeos para plataformas sociais com animações personalizadas, sobreposições de texto e identidade visual

Tente Estes Prompts

Fade Simples de Texto 
Renderize um vídeo com fade de texto 'Hello World' em um fundo escuro. Use 30fps, 3 segundos de duração, resolução 1920x1080.
Contador Animado 
Crie uma animação de carregamento com um contador que vai de 0 a 100%. Use física spring para animação suave a 60fps.
Animação Multi-Sequence 
Crie um vídeo com três elementos de texto que aparecem sequencialmente: 'Primeiro', 'Segundo', 'Terceiro'. Cada um aparece por 1 segundo.
Visualização de Dados 
Renderize uma animação de gráfico de barras mostrando valores de dados [{value: 30}, {value: 70}, {value: 50}]. As barras devem animar de 0 até seus valores.

Melhores Práticas

  • Mantenha animações abaixo de 10 segundos para renderização mais rápida
  • Use interpolação para transições suaves de valores em vez de cálculos manuais de frame
  • Teste o código no Remotion Studio antes de usar em produção
  • Passe props para conteúdo dinâmico em vez de valores hardcodados

Evitar

  • Evite transformações 3D complexas que requerem bibliotecas adicionais
  • Não incorpore imagens base64 grandes no código - use URLs externas em vez disso
  • Evite renderizar vídeos extremamente longos (>60 segundos) em uma única passagem

Perguntas Frequentes

O que é Remotion?
Remotion é um framework para criar vídeos programaticamente usando React. Permite escrever componentes de vídeo em TypeScript/React e renderizá-los para MP4.
Preciso instalar algo?
Você precisa da CLI inference.sh instalada. Execute: curl -fsSL https://cli.inference.sh | sh
Posso usar imagens ou áudio externos?
Sim, você pode usar os componentes Img e Audio para incluir ativos externos via URL.
Quanto tempo leva a renderização?
Animações simples (3-5 segundos) normalmente renderizam em 30-60 segundos. Vídeos complexos podem levar vários minutos.
Quais formatos de vídeo são suportados?
A saída padrão é MP4. Você pode especificar o codec nos parâmetros de entrada.
Posso renderizar múltiplas composições?
Sim, especifique valores composition_id diferentes na sua entrada para renderizar múltiplos vídeos em sequência.

Detalhes do Desenvolvedor

Licença

MIT

Repositório

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

Referência

main

Estrutura de arquivos

📄 SKILL.md