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
Mensagem pronta para colar
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-designOu baixe só o arquivo:
curl -L https://raw.githubusercontent.com/nexu-io/open-design/main/skills/motion-design/SKILL.md -o SKILL.mdConteú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
Comentários
- …
Mais skills deste repositório
sample-plugin
Faz seu agente criar um arquivo de metadados para testes. Ele ajuda a garantir que o código funcione corretamente em diferentes situações.
nexu-io/open-design
aster-atelier
Ajuda seu agente a criar um site artístico com visual clássico. Ele usa imagens elegantes, céus azuis e fontes serifadas para um visual cinematográfico.
nexu-io/open-design
audio-jingle
Faz seu agente gerar áudio como jingles e efeitos sonoros. Ele pode criar músicas e vozes, salvando o resultado em um arquivo de áudio.
nexu-io/open-design
blog-post
Ajuda seu agente a escrever artigos longos ou posts de blog. Ele inclui espaços para imagens, citações e informações do autor.
nexu-io/open-design
Skills parecidas
blender-motion-state-inspection
Permite inspecionar detalhes de animações em 3D. É útil para verificar poses, movimentos e o alinhamento de personagens em animações.
affaan-m/ECC
manim-video
Faz seu agente criar vídeos explicativos animados. Ele usa o Manim para gerar gráficos e diagramas claros para conceitos técnicos.
affaan-m/ECC
remotion-video-creation
Orienta seu agente na criação de vídeos usando React com a biblioteca Remotion. Ele cobre boas práticas para animações, áudio, legendas e outros elementos visuais.
affaan-m/ECC