Pular para o conteúdo
Skillpedia
Motion e animação101 mil · #743

motion-design

Ajuda seu agente a aplicar técnicas de animação em tarefas. É útil para planejar ou melhorar gráficos em movimento, refinando roteiros e cronogramas.

O que ela faz

Ajuda a planejar ou melhorar animações e vídeos curtos. Foca em como as ideias se movem, a ordem das cenas e a clareza da mensagem para que o espectador entenda e se lembre.

Quando usar

  • ✓Ao planejar um vídeo explicativo.
  • ✓Ao querer melhorar o ritmo de uma animação.
  • ✓Ao definir a aparência e o movimento de textos em um vídeo.

Exemplo do que pedir para a IA

“Como posso fazer este vídeo parecer mais profissional e fácil de entender?”

Quer saber mais? Abra as seções abaixo.

Como usar

O jeito mais fácil: copie a mensagem abaixo e cole no Claude, ChatGPT, Cursor ou outra IA. Ela lê a skill e segue as instruções.

Link da skill

https://github.com/nexu-io/open-design/blob/main/skills/motion-design/SKILL.md

Mensagem pronta para colar

Use esta skill para me ajudar: https://github.com/nexu-io/open-design/blob/main/skills/motion-design/SKILL.md Leia o arquivo SKILL.md desse link e siga as instruções dele na minha tarefa.
Como funciona

A IA analisa os elementos visuais e sonoros, sugerindo como organizá-los para criar um fluxo coeso e impactante. Ela ajuda a definir o tempo, o movimento e a composição para que a mensagem seja clara.

Instalação

Jeito mais fácil: copie o link da skill e cole no Claude, ChatGPT ou Cursor pedindo para seguir as instruções.

No terminal (Claude Code, Codex, Cursor), na pasta do projeto:

npx skills add nexu-io/open-design --skill motion-design

Ou baixe só o arquivo:

curl -L https://raw.githubusercontent.com/nexu-io/open-design/main/skills/motion-design/SKILL.md -o SKILL.md
Conteúdo técnico (SKILL.md)

Tradução do texto original do autor no GitHub. Os comandos e códigos estão como no original.

Design de Movimento

Use este auxiliar funcional para refinar o briefing do usuário ou o trabalho em andamento com uma ideia clara expressa através de composição, transformação, ritmo e som apropriado, a menos que o usuário exija silêncio. Aplique as orientações de ofício relevantes dentro da tarefa atual; esta habilidade não é um modelo de renderização e não cria um projeto ou escolhe um formato de saída. A rota de criação de Design de Movimento é responsável por essas decisões. Qualidade significa que os espectadores entendem e lembram da ideia, querendo assisti-la em movimento.

Contexto de Execução

Siga a rota de tarefa ativa do host, estágio, capacidade e contrato de entrega. Esta habilidade fornece ofício de movimento; ela não cria acesso a ferramentas ou altera o fluxo de trabalho do host. No OD Next, mantenha seu Core, orquestração geral, marcador de produção pronto e o padrão de envio na escrita. Planeje em linguagem comum; escreva durante a produção. Nunca emita blocos de Contrato de Plano ou Estado de Tempo de Execução, solicite reparo de protocolo ou reivindique um contrato de entrega congelado pelo host. Apenas a produção de movimento de vídeo solicitada pelo usuário, quando o Core do host a autoriza, permite a verificação de vídeo limitada abaixo. Para um briefing de vídeo (um filme cronometrado, promo, explicativo ou showreel), declare AMBAS as fontes HTML editáveis e MP4 como entregas necessárias. A renderização do MP4 é produção de Build e deve ser concluída antes da entrega. Para interação acionada por ponteiro/rolagem ou microanimação de UI, entregue código/HTML executável em vez disso; não achate a interação solicitada em vídeo. Nunca descreva um arquivo de vídeo não renderizado como completo.

Onde as ferramentas e o escopo da tarefa ativa permitirem iteração visual, examine a abertura, transformação chave, transição, pausa de texto e finalização no tamanho pretendido, além da reprodução contínua. Corrija o maior defeito observável, então revise apenas os momentos afetados. Um arquivo executável por si só não é prova de movimento bem-sucedido. Distinga o que foi observado do que foi apenas especificado; nunca invente medições de qualidade.

Resolva o briefing sem travar

Use os ativos, referências, roteiro e decisões anteriores do usuário primeiro. Resolva: mensagem e público; destino/aspecto; duração; cópia exata; ativos obrigatórios; direção visual; áudio; e saída necessária. Pergunte apenas quando a falta de informação alteraria a história ou tornaria o resultado enganoso. Caso contrário, escolha uma direção coerente e declare a suposição significativa brevemente. Não imponha três opções de estilo ou uma rodada de aprovação a um usuário que pediu para você fazer a peça.

Para um curta-metragem sem restrições, um ponto de partida útil é de 12 a 18 segundos, 16:9, 1920×1080, 30fps, sem narração inventada e uma fonte reproduzível. Um briefing social em retrato exige 9:16. Marca existente, tempo, plataforma e cópia substituem esses padrões. Não invente alegações de produto, métricas, depoimentos ou ativos.

Crie um mapa de batidas compacto como parte do plano existente, não um segundo documento: time → viewer takeaway → focal object → transformation → copy/audio → exit. O orçamento de tempo inclui entradas, pausas de leitura e saídas. Escolha um objeto, forma, linha ou motivo tipográfico recorrente que conecte as batidas.

Exemplo de mecanismo para um produto em foco (adapte, não copie como estilo universal): palavras espalhadas orbitam → uma palavra atrai as outras → órbita se torna um cronômetro → cronômetro completa e se torna a marca nominal. Cada movimento muda o significado; quatro cartelas de título não relacionadas perderiam o mecanismo.

Direção de arte antes de adicionar movimento

Resolva um quadro forte e representativo na composição antes de expandir todas as cenas. Escolha a hierarquia real, corte, tipo, paleta, textura e objeto focal. Uma imagem estática fraca não será resgatada por partículas, tremores de câmera ou efeitos. Ao planejar apenas, descreva este quadro; não crie um artefato cedo.

  • Use uma premissa visual específica ligada ao assunto. "Premium", "cinemático" e "moderno" sozinhos não são direções de arte. Defina o que preenche o quadro, onde a atenção repousa, a linguagem material e a estrutura de contraste.
  • A tipografia é um objeto gráfico. Componha com escala, alinhamento, quebras de linha, espaço negativo e caractere da fonte. Escolha fontes que cubram o idioma real; use fallbacks testados e aguarde a prontidão da fonte antes da captura.
  • Prefira uma paleta pequena com contraste intencional. Sem gradiente neon padrão, cartões de vidro, orbe brilhante ou fundo bege independente do briefing.
  • Escolha uma lógica de material/mundo: tinta editorial, instrumento preciso, papel dobrado, colagem tátil, geometria vetorial, campo pictórico ou outro justificado.
Perguntas frequentes

A IA vai criar o vídeo para mim?

Não, esta ferramenta ajuda no planejamento e na melhoria do design da animação, mas a criação final do vídeo e a escolha do formato de saída são responsabilidade do usuário.

O que é 'beat map'?

É um guia que descreve o que o espectador deve entender em cada momento, qual objeto está em foco e como ele se move ou muda, junto com o texto ou áudio.

Preciso saber de termos técnicos de animação?

Não, você pode descrever suas ideias em linguagem simples. A IA traduzirá isso em conceitos de design de movimento.

Detalhes

Descrição original do autor

Apply motion craft to an active task: refine a brief, beat map, visual continuity, typography, pacing, and timeline implementation. Use when planning or improving motion graphics; the host task owns artifact creation, output format, and export.

repo: nexu-io/open-design

Popularidade

Estrelas no GitHub
101 mil
Posição no ranking
#743
Licença
Apache-2.0
Atualizada em
16/10/2026

Essa skill é útil?

0

Entre para votar.

Comentários

  • …

Mais skills deste repositório

Skills parecidas