remotion-motion-director

Remotion Motion Director

Use este skill quando a qualidade do vídeo for tão importante quanto a qualidade do código. Ele foi projetado para produzir trabalhos de movimento refinados com justificativa criativa explícita, não apenas "animações funcionais".

Quando usar

• O usuário solicita vídeos Remotion premium e com direção de marca.
• O usuário precisa de controles de estilo precisos além de templates genéricos.
• O projeto exige execução baseada em storyboard e ciclos iterativos de crítica.
• A solicitação menciona polimento ao estilo Apple, movimento cinematográfico ou sensação de anúncio de alto nível.

Não usar

• Correções técnicas pontuais sem necessidade de direção de design.
• Solicitações para copiar marcas registradas da Apple, imagens de produtos ou scripts de anúncios exatamente.

Fluxo de trabalho obrigatório

1. Capture restrições:
   • Carregue references/brand-control-schema.md.
   • Preencha entradas ausentes com suposições explícitas se o usuário não as fornecer.
2. Defina direção criativa:
   • Carregue references/motion-direction-principles.md.
   • Escolha um perfil de movimento primário e um perfil alternativo.
3. Aplique diretrizes "inspirado, não copiado":
   • Carregue references/apple-inspired-not-copied.md.
4. Planeje antes de codificar:
   • Produza um storyboard cena por cena com temporização e intenção.
5. Construa em Remotion:
   • Carregue references/remotion-implementation-map.md.
   • Mapeie cenas para Composition, Sequence e primitivas de temporização.
6. Critique e refine:
   • Carregue references/production-rubric.md.
   • Pontue a saída, liste lacunas e execute pelo menos uma rodada de melhoria.

Contrato de saída

Sempre retorne estes artefatos:

1. Brief de direção criativa (mensagem, público, promessa visual).
2. Ficha de controle de marca e movimento (tokens e controles).
3. Storyboard com temporização das cenas.
4. Notas de construção (quais componentes/animações implementam cada cena).
5. Pontuação da rubrica de QA mais deltas da próxima rodada.

Templates reutilizáveis

Use estes antes de gerar arquivos personalizados do zero:

• assets/storyboard-template.md
• assets/motion-tokens-template.ts
• assets/scene-template.tsx
• assets/remotion-root-template.tsx
• assets/qa-scorecard-template.md

Exemplo inicial

Para uma implementação de referência executável, veja:

• examples/motion-director-starter/README.md

Este starter demonstra como conectar storyboard e tokens de movimento em uma estrutura de projeto Remotion mínima.

Padrão de qualidade

• Priorize clareza sobre complexidade.
• Use movimento para revelar hierarquia, não para decorar tudo.
• Mantenha o ritmo intencional: evite excesso de edição e movimento constante.
• Favoreça consistência em sistemas de espaçamento, tipografia e temporização.
• Respeite acessibilidade (contraste, opções de movimento reduzido, legibilidade do texto).
• Se faltarem restrições, declare valores padrão e continue, em vez de travar.

Skills relacionados

• remotion-best-practices: correção técnica em Remotion.
• create-remotion-geist: linguagem visual Vercel/Geist.
• remotion-ads: zonas seguras sociais e restrições de campanha.
• elevenlabs-remotion: pipeline de voz para edições narradas.

Versionamento

• Siga versionamento semântico em references/versioning-policy.md.
• Para incrementar versões, execute scripts/bump-version.sh.