Uma skill de agente que transforma receitas de estilos artísticos e gramáticas de vídeos explicativos em animações feitas por código, dando movimento a pinturas e diagramas.
showheyohtaki/motion-prompt
Uma biblioteca pesquisável com 144 efeitos nomeados de motion graphics, câmera, UI, web e fotografia, cada um com uma demonstração ao vivo e um prompt para usar com uma IA.
- Estrelas
- 465
- Forks
- 53
- Issues abertas
- 3
- Último commit
- ontem
O que é?
Motion Prompt é uma biblioteca de nomes de efeitos visuais que você pode pedir para uma IA criar. Cada entrada combina um nome curto com uma demonstração animada, uma explicação em uma linha e um exemplo de prompt. Atualmente, a biblioteca tem seis coleções de 24 entradas cada: movimentos de motion graphics, movimentos de câmera, nomes de componentes de UI, efeitos para landing pages e web, estilos fotográficos e iluminação, além de uma segunda coleção de motion graphics.
O projeto é voltado a quem sabe o que quer ver, mas não sabe como se chama. Navegue pela galeria, escolha demonstrações e envie-as para um agente de programação como Claude Code ou Codex, que recria o efeito no seu projeto. Uma ferramenta de linha de comando em Node.js também permite buscar elementos por número ou palavra-chave, e o repositório inclui prompts para criar uma biblioteca semelhante para outra área ou idioma.
Recursos principais
- 01Seis coleções com 24 efeitos nomeados cada, com demonstrações animadas ao vivo.
- 02Navegue pela galeria, escolha demonstrações e envie-as para um agente de IA.
- 03Ferramenta de linha de comando para pesquisar, listar e obter especificações e código dos efeitos pelo número.
- 04Prompts para traduzir a biblioteca ou criar uma para a sua área.
- 05Cada efeito é uma única função que desenha em um contexto Canvas 2D, sem bibliotecas externas.
Casos de uso
- Encontrar o termo certo para um movimento de câmera ou de motion antes de escrever um prompt para vídeo.
- Pedir a um agente de programação que adicione um efeito específico de UI ou landing page a um site.
- Criar uma biblioteca de referência com termos definidos para uma equipe de design ou produção de outra área.
Início rápido
- 1
Confira se o Node.js 18 ou superior está instalado
node --version - 2
Instale a skill motion-prompt
npx skills add showheyohtaki/motion-prompt - 3
No Claude Code ou Codex, peça para a IA abrir a biblioteca e, em seguida, escolha exemplos na galeria
Antes de usar
- Para usar a skill, é necessário ter o Node.js 18 ou superior e um agente como Claude Code ou Codex.
- Por enquanto, as listas de nomes estão disponíveis apenas em inglês e japonês, então quem usa chinês precisa gerar a própria tradução.
Tópicos
Perguntas frequentes
- O que é motion-prompt?
- Uma biblioteca pesquisável com 144 efeitos nomeados de motion graphics, câmera, UI, web e fotografia, cada um com uma demonstração ao vivo e um prompt para usar com uma IA. Motion Prompt é uma biblioteca de nomes de efeitos visuais que você pode pedir para uma IA criar. Cada entrada combina um nome curto com uma demonstração animada, uma explicação em uma linha e um exemplo de prompt. Atualmente, a biblioteca tem seis coleções de 24 entradas cada: movimentos de motion graphics, movimentos de câmera, nomes de componentes de UI, efeitos para landing pages e web, estilos fotográficos e iluminação, além de uma segunda coleção de motion graphics.
- motion-prompt é gratuito? Qual é a licença?
- motion-prompt é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
- motion-prompt ainda é mantido?
- Manutenção ativa. O último commit de motion-prompt foi em 19 de out. de 2026.
- Para que posso usar motion-prompt?
- Encontrar o termo certo para um movimento de câmera ou de motion antes de escrever um prompt para vídeo. Pedir a um agente de programação que adicione um efeito específico de UI ou landing page a um site. Criar uma biblioteca de referência com termos definidos para uma equipe de design ou produção de outra área.
- Como instalar motion-prompt?
- Confira se o Node.js 18 ou superior está instalado: node --version Instale a skill motion-prompt: npx skills add showheyohtaki/motion-prompt No Claude Code ou Codex, peça para a IA abrir a biblioteca e, em seguida, escolha exemplos na galeria
- Onde consigo motion-prompt?
- O código-fonte e as instruções de instalação estão no GitHub: https://github.com/showheyohtaki/motion-prompt
Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.
Projetos relacionados
Uma skill do Claude Code que transforma um tema curto em um vídeo de motion graphics sincronizado com a batida e renderizado em MP4 com HyperFrames.
Uma skill do Claude Code que transforma um prompt em uma animação procedural curta em canvas e a renderiza em MP4 com um navegador headless e ffmpeg.
Transforma um roteiro escrito em um vídeo explicativo ou demonstração de produto narrados, com voz local, sincronização por palavra e renderização em canvas, tudo comandado por um agente de programação.
Guia visual e baseado em exemplos sobre o Claude Code, com templates prontos para copiar e colar de slash commands, memória, skills, subagents, hooks e MCP.
Uma skill de design para Claude Code, Cursor e Codex que orienta agentes de programação com IA a criar interfaces que não parecem geradas por IA.