video factory remotion
End-to-end programmatic video creation squad — from briefing to rendered MP4. 5 specialized agents orchestrate storyboard, assets, voiceover+SFX+BGM, Remotion composition (3-layer audio), and render pipeline with post-processing.
Remotion Video Factory
Do briefing ao MP4 em minutos — 5 agentes especializados criam videos programaticos com Remotion, voiceover automatico e animacoes profissionais.
Pipeline completo: storyboard validado → assets + voiceover em paralelo → composicao Remotion → render final.
/rvf
https://github.com/Renat0z/sources/raw/main/sample-multiagents-orquestration.mp4
Voce ja tentou criar um video programatico do zero?
Configurar Remotion, escrever animacoes frame-a-frame, sincronizar voiceover com timing exato, organizar assets, renderizar sem erros... Cada etapa tem suas armadilhas. CSS transitions que quebram no render. Math.random() que causa flicker. Timing hardcoded que nao bate com o audio real.
E se eu te dissesse que 5 agentes especializados podem fazer tudo isso por voce — do briefing inicial ate o MP4 final — enquanto voce so responde 7 perguntas?
O Antes e o Depois
| Manual | Remotion Video Factory | |
|---|---|---|
| Setup | Horas configurando projeto | Automatico com boilerplate |
| Storyboard | Planilha/doc informal | JSON estruturado e validado |
| Voiceover | Gravar manualmente | TTS automatico com timing sync |
| Animacoes | Trial-and-error com CSS bugs | Padroes Remotion corretos (interpolate/spring) |
| Render | Linha de comando manual | Pipeline com qualidade configuravel |
Como Funciona
[Briefing] ──▶ StoryboardArchitect ──▶ [storyboard.json] │ ┌───────────────────┼───────────────────┐ ▼ ▼ AssetCollector VoiceoverEngineer [assets + manifest] [audio + metadata] │ │ └───────────────────┬───────────────────┘ ▼ CompositionBuilder [Remotion TSX project] │ ▼ RenderMaster [out/video.mp4]
Por que Audio-Driven Timing?
- O voiceover manda — a duracao REAL do audio (medida com ffprobe) define os frames de cada cena. Sem timing hardcoded que descasa.
- Paralelo onde possivel — assets e voiceover sao coletados ao mesmo tempo, cortando o tempo do pipeline pela metade.
- Zero CSS transitions — todos os agentes conhecem os anti-patterns do Remotion e usam apenas
interpolate()espring().
Agentes
| Nome | Arquetipo | Papel | |
|---|---|---|---|
| 🎬 | StoryboardArchitect | Guardian | Transforma briefings em storyboards estruturados com timing validado |
| 📦 | AssetCollector | Builder | Coleta imagens, grava demos via Playwright, organiza assets |
| 🎙️ | VoiceoverEngineer | Builder | Gera TTS com Edge-TTS/ElevenLabs, sincroniza timing, cria legendas |
| 🎨 | CompositionBuilder | Builder | Cria composicoes Remotion com animacoes corretas e timing do audio |
| 🎥 | RenderMaster | Flow_Master | Renderiza MP4, pos-processa com FFmpeg, multi-resolucao |
Tasks
| Task | Agente Responsavel | Camada Atomica |
|---|---|---|
| Analisa briefing e gera storyboard validado | 🎬 StoryboardArchitect | Organism |
| Coleta e organiza assets visuais | 📦 AssetCollector | Organism |
| Gera voiceover TTS e sincroniza timing | 🎙️ VoiceoverEngineer | Organism |
| Cria composicao Remotion completa | 🎨 CompositionBuilder | Organism |
| Renderiza video final em MP4 | 🎥 RenderMaster | Molecule |
Workflows
| Nome | Padrao | Descricao |
|---|---|---|
video_creation_pipeline | Pipeline | Pipeline completo: storyboard → assets+audio (paralelo) → composicao → render |
quick_render_flow | Sequential | Render rapido de composicao existente |
Comandos
| Comando | O que faz |
|---|---|
/rvf | Workflow interativo completo (7 perguntas → video) |
/rvf:run create <topic> | Pipeline direto sem perguntas |
/rvf:run storyboard <topic> | Apenas gerar storyboard |
/rvf:run voiceover | Gerar voiceover de storyboard existente |
/rvf:run render <id> | Renderizar composicao existente |
/rvf:run preview | Abrir Remotion Studio |
Tipos de Video Suportados
| Tipo | Descricao |
|---|---|
| Slideshow | Imagens + texto animado + voiceover |
| Demo | Gravacao de tela via Playwright + narracao |
| Mixed | Slides explicativos + gravacao de tela |
Tech Stack
| Tecnologia | Uso |
|---|---|
| Remotion 4.x | Framework de video programatico em React |
| Edge-TTS | TTS gratuito com vozes neurais Microsoft |
| Playwright | Gravacao de demos de produto |
| FFmpeg | Pos-processamento de audio e video |
| TypeScript | Composicoes type-safe |
FAQ
Preciso saber Remotion para usar?
Nao. O CompositionBuilder conhece todos os padroes corretos — interpolate, spring, Sequence, staticFile — e gera codigo valido automaticamente. Voce so descreve o que quer.
Funciona com qualquer idioma?
Sim. Edge-TTS suporta dezenas de idiomas com vozes neurais. O StoryboardArchitect valida o timing (palavras/segundo) para cada idioma automaticamente.
Posso criar videos verticais para Reels/Shorts?
Sim. Selecione a resolucao "1080x1920 (Vertical)" no setup. O CompositionBuilder adapta o layout e o RenderMaster renderiza no formato correto.
E se eu ja tiver um projeto Remotion?
Use
/rvf:run render <CompositionId>
Criado por [Renato Medeiros] · MIT License
remotion · video · tts · automation · react · programmatic-video
Reseñas
0 reseñasAún no hay reseñas. ¡Sé el primero en reseñar este squad!
More from Renat0z
brainstormind
Workflow Diverge+Converge — swarm de 24 agentes gera 200+ ideias, filtra Top 3, depois refina o melhor insight em design validado. Pipeline de 6 fases com gate interativo, context-manifest pattern, shared macros. ~65% menos tokens que abordagem naive.
swarm-tree-orchestration
Recursive tree decomposition orchestrator squad — decomposes complex tasks into a tree where each leaf has max 2 sub-tasks, plans the complete tree before execution, launches waves via TaskCreate, and integrates results. Inherits Context Factory, UxIxR scoring, circuit breaker, and fitToBudget.
win proposal deal
Propostas comerciais que fecham — 4 agentes IA analisam seu prospect, desenham 3 opcoes de escopo, precificam com win-rate preditivo e entregam proposta persuasiva pronta em minutos
token-optimizer
Analisa squads AIOS existentes e produz otimizacoes priorizadas por ROI — qualidade, velocidade e economia de tokens — usando TOKEN-OPTIMIZATION-GUIDE.md como base de conhecimento.
nirvana squads creator lite
Token-optimized squad generator — 5-phase pipeline with live tech verification, context-manifest pattern, shared macros, and consolidated agents. ~70% fewer tokens than v1.
design 3d experience
Squad para planejar e construir experiencias 3D web imersivas — do briefing estrategico ao deploy otimizado com Three.js, React Three Fiber, GSAP e scroll-driven narratives