remotion-render
Renderize vídeos a partir de código React Remotion
也可从以下获取: infsh-skills,halt-catch-fire,inference-sh-6,qu-skills,tul-sh,inference-shell,inference-sh-skills,inference-skills,inference-sh-8,inference-sh-9,skills-shell,skillssh,inference-sh-7,toolshell
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.
下载技能 ZIP
在 Claude 中上传
前往 设置 → 功能 → 技能 → 上传技能
开启并开始使用
测试它
正在使用“remotion-render”。 Componente TSX com animação de fade-in de texto, 3 segundos, 1080p
预期结果:
URL do arquivo de vídeo MP4: https://cdn.inference.sh/output/rendered-video-abc123.mp4 (1920x1080, 30fps, H.264)
正在使用“remotion-render”。 Contador animado de 0-100% com props para valores personalizados de início/fim
预期结果:
Vídeo renderizado mostrando animação suave de porcentagem com indicador de progresso
安全审计
安全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.
质量评分
你能构建什么
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.
试试这些提示
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.
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.
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.
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.
最佳实践
- 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
避免
- 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