/skill Skill

Oil Motion

Skill que faz o agente criar animações de site que andam junto com a rolagem, o mouse ou o toque, como produto que se desmonta.

Motion e animação Site e app sem programar Turbinar o Claude

serve pra

Sabe aquela página de produto em que, conforme você rola, o produto gira, se abre em peças ou a câmera entra dentro dele? O Oil Motion faz o Claude Code (ou o Codex) planejar esse movimento, gerar as cenas com IA de vídeo, limpar quadro a quadro e ligar tudo à rolagem, ao mouse, ao arrasto ou à inclinação do celular. O agente cuida da geração, da conferência, da compressão e do código da página; você diz o que quer mostrar e manda as fotos.

na prática

Você manda duas fotos do produto e pede que ele se abra em partes conforme a página desce; o agente entrega a animação e o código pra pôr no site.
Antes de gerar o vídeo ele define e confere as cenas-chave (inteiro, meio, aberto), pra a IA não mudar o formato do produto nem a logo no caminho.
Ele remove do vídeo gerado as pausas, os quadros repetidos e os que piscam, e comprime no tamanho em que a animação aparece na tela.
Prepara uma versão mais leve pro celular e uma imagem parada pra quem desliga animações ou quando o arquivo não carrega.
Se você já tem um vídeo com fundo verde ou uma sequência de imagens, ele só trata e liga à rolagem, sem gerar nada pago.

é pra você se

Você tem um site ou página de vendas feito com ajuda do Claude Code ou do Codex e quer um efeito de destaque no topo, com o seu produto, personagem ou mascote reagindo ao visitante.

não é pra você se

Você quer só botão animado, transição simples ou um vídeo pra rede social: o próprio README diz que isso não precisa desta skill. A geração de cenas é paga por uso (via ZenMux) e o autor só testou no Mac. O README principal é em chinês (há versão em inglês).

Licença: MIT
Uso comercial: Livre
Custo: tem plano grátis
Dificuldade: Dificuldade: avançado
No GitHub: ★ 2.7kúltimo push 2026-10-04
Precisa de: Claude Code ou Codex, Python 3.10 ou mais novo e FFmpeg; Node.js 22.18 ou mais novo e uma chave paga da ZenMux pra gerar cenas com IA

Abrir a fonte

dados do GitHub conferidos em 2026-10-26

assinante

Instalação em português

~< ⌁∏∇■⌐█◇<▀ \◆ ▒≈#|▐& ░⌐∇ ÷▄@ <=◇▒◆ ○= ∑▌ ◐█%*⌁▌*
▒□&▪▪≠▪ &≈=◐
⌂ ±∑◑≡∇□ |◒◓∑ ▓& ■◒▪▓ ▪◒=+√ ≈^=█%⌁%◐⌐&√÷▄░◐▄▀◒±◓±&÷&▓▄|√█□|≠
≈ ▄▓|=□▪ *| ±<◇□⌐■●# ≠¬¬ ±◒⌐█∏ ¬> ≠~∇∇◇\± ○∑ ◆×█&¬\<
∞ ●\√ √◐▓⌁◑ ×●<=× ●≠# ÷▪# |▀◑■&÷\ ◐¬∑∑▐ +▄ ◇±±∏ =<▄¬ █<@⌐≡≈^\+^^~▒⌐±\¬%▄| ≈ %█∇ █¬≈◇▪ ⌐◒ ▒~<∞∆▌ >■⌂ ≡÷●▀# ∆▄ ∏|░√

▪ ◒>◐^∆ ▄○◓ ∞ ⌂+●<@ ▪▌▒■▓√ █ ░+▄◓◓ █* =∞■++±∞ ^∇⌂∑@√^ +⌂ ▓#\^▌× ⌐◒∇◆ ■~ ▓▓ &~√=▪○

▪/●
▀&○% ○∞×>≠=±\*⌂\≠◇∞◓∑|⌁▌÷<▌>▐◑<#▌⌁∇√<∞÷\%≡ ▪∑ ●/∆⌂◐×
◇▄█

□◐ ●□±±×|■▪ ⌂<● ≠▄▪ ≡÷<< \%▒◐◆■ ▒█ ⌁*▀|▒○■ ▐~ ▄◇●▓<=∞<▌ ○¬|◒@█ &¬÷≠░▒▐◓⌁ /≠⌁○░◐◇◒ + ▀*|∇% ≈∏¬^░^⌐▐▀█░█◓*#□⌁□▒∏|◆∆%◒∆⌁◆∞^◐■□∞█○=≈◓≠

/| ∑÷▀◒ ○&░~±□/@>∏ &◒ ~\▪□⌁∞▪ ≠+ ●⌁#∑◇▄▓◒▪ \ ◆○±*~◑ ░@▄▪ ◆≈ □∑░<▌⌁ #≡% ○|%#◆∏░=█± ≡& ≈▓◓⌁&▒@

⌂√*
>⌂∑ ⌂▄▒≠÷◒ ◓|∑ ◓∆≡>≈▓⌁⌐^∞≈÷█&◒⌐\÷
@▀▐

& ÷▐■+▀ %+~<± @░∆ ±∏/∆+ &◒ =*●∇░ ░+ #÷◐●⌁\/* ≡□<×░█%> ▀ ○◐@*=▌ \≠≠√ ▀<| ⌂◑▒^∇◒ ▪⌁ ◑∑∏±∇÷¬#|∏≠● ∏▒ ¬≈+ ░◑^○×¬< ▌□●◇▓▪▒¬*∏◐ ^ ▓▐□# \*∑▌>= √ ∇∑√%≈ ∆◓▄@ /∆■ ▓▐±÷ ∇◇±▐∇□@√ ∑∆ #|≠◑+ ×√ ▪▐\∞◒□ ○× ▓¬∇&□*░ ^■▄±∇+@ ▐/ ▌~%■ ▄*≈*▌▪◇^◒\/ ×∏ █≈∞*\≡⌐^√|\ |∏ ⌁█±#◐▪^∇ ⌁ ▪ ±▄⌁○∇~×▌¬░▄<∏ ░*∇@=≠± @> ÷ ▒▀∆≈▓ ∞◒▄ ▒▌÷■▪░# +¬▌\∏▌√∑◐▓@ ○√∞ ~∇≠▄ #≈ @●× ▓∏ √◓■\□░ ∆ ≠▐@≠◑ ÷= ▄|▒▀+ √∇⌂÷░\≠

◑∑○÷> ± =&▪#⌐○¬⌁≡∞≠∏ ◓^<≡~≡ ÷≠●◓± ◑◐ <○≈√\¬▀ ⌐>⌁ ▐×>● ±○ =◑× | %◑▐%░░ & ▪%≈| ▒◇ □▌@ >=≠+●∆▓#+∇| \⌂+@^ ≈∆●⌁∆ ¬ <×≠░÷█∆ ▪ ░▐◐/ ^⌁▓

Faça o produto da sua página girar e se abrir enquanto o cliente rola a tela, sem animador.

o que você leva neste guia

01 Instalado no agente com uma frase ou um comando
02 A primeira animação: o produto que se abre na rolagem
03 Ainda sem ideia: três caminhos pra você escolher
04 Mascote ou personagem que olha pro mouse do visitante
05 Quando o resultado sair torto: o que o programa corrige e o que não corrige

Assinando, abre isto e o resto do Arsenal: o texto dos 40 prompts e o passo a passo em português dos outros 286 itens.

Liberar este guia e o Arsenal inteiro — R$ 97/ano

uns R$ 8 por mês, cobrados uma vez por ano

Pra mesma tarefa

Superpowers

Skill

Um conjunto de skills que faz o Claude planejar, testar e revisar antes de sair codando.

★ 305kgrátis

Instalação em português

carregando…

serve pra

na prática

Você manda duas fotos do produto e pede que ele se abra em partes conforme a página desce; o agente entrega a animação e o código pra pôr no site.

Antes de gerar o vídeo ele define e confere as cenas-chave (inteiro, meio, aberto), pra a IA não mudar o formato do produto nem a logo no caminho.

Ele remove do vídeo gerado as pausas, os quadros repetidos e os que piscam, e comprime no tamanho em que a animação aparece na tela.

Prepara uma versão mais leve pro celular e uma imagem parada pra quem desliga animações ou quando o arquivo não carrega.

Se você já tem um vídeo com fundo verde ou uma sequência de imagens, ele só trata e liga à rolagem, sem gerar nada pago.

é pra você se

Você tem um site ou página de vendas feito com ajuda do Claude Code ou do Codex e quer um efeito de destaque no topo, com o seu produto, personagem ou mascote reagindo ao visitante.

não é pra você se

Licença

MIT

Uso comercial

Livre

Custo

tem plano grátis

Dificuldade

No GitHub

★ 2.7kúltimo push 2026-10-04

Precisa de

Claude Code ou Codex, Python 3.10 ou mais novo e FFmpeg; Node.js 22.18 ou mais novo e uma chave paga da ZenMux pra gerar cenas com IA

dados do GitHub conferidos em 2026-10-26

~< ⌁∏∇■⌐█◇<▀ \◆ ▒≈#|▐& ░⌐∇ ÷▄@ <=◇▒◆ ○= ∑▌ ◐█%*⌁▌* ▒□&▪▪≠▪ &≈=◐ ⌂ ±∑◑≡∇□ |◒◓∑ ▓& ■◒▪▓ ▪◒=+√ ≈^=█%⌁%◐⌐&√÷▄░◐▄▀◒±◓±&÷&▓▄|√█□|≠ ≈ ▄▓|=□▪ *| ±<◇□⌐■●# ≠¬¬ ±◒⌐█∏ ¬> ≠~∇∇◇\± ○∑ ◆×█&¬\< ∞ ●\√ √◐▓⌁◑ ×●<=× ●≠# ÷▪# |▀◑■&÷\ ◐¬∑∑▐ +▄ ◇±±∏ =<▄¬ █<@⌐≡≈^\+^^~▒⌐±\¬%▄| ≈ %█∇ █¬≈◇▪ ⌐◒ ▒~<∞∆▌ >■⌂ ≡÷●▀# ∆▄ ∏|░√ ▪ ◒>◐^∆ ▄○◓ ∞ ⌂+●<@ ▪▌▒■▓√ █ ░+▄◓◓ █* =∞■++±∞ ^∇⌂∑@√^ +⌂ ▓#\^▌× ⌐◒∇◆ ■~ ▓▓ &~√=▪○ ▪/● ▀&○% ○∞×>≠=±\*⌂\≠◇∞◓∑|⌁▌÷<▌>▐◑<#▌⌁∇√<∞÷\%≡ ▪∑ ●/∆⌂◐× ◇▄█ □◐ ●□±±×|■▪ ⌂<● ≠▄▪ ≡÷<< \%▒◐◆■ ▒█ ⌁*▀|▒○■ ▐~ ▄◇●▓<=∞<▌ ○¬|◒@█ &¬÷≠░▒▐◓⌁ /≠⌁○░◐◇◒ + ▀*|∇% ≈∏¬^░^⌐▐▀█░█◓*#□⌁□▒∏|◆∆%◒∆⌁◆∞^◐■□∞█○=≈◓≠ /| ∑÷▀◒ ○&░~±□/@>∏ &◒ ~\▪□⌁∞▪ ≠+ ●⌁#∑◇▄▓◒▪ \ ◆○±*~◑ ░@▄▪ ◆≈ □∑░<▌⌁ #≡% ○|%#◆∏░=█± ≡& ≈▓◓⌁&▒@ ⌂√* >⌂∑ ⌂▄▒≠÷◒ ◓|∑ ◓∆≡>≈▓⌁⌐^∞≈÷█&◒⌐\÷ @▀▐ & ÷▐■+▀ %+~<± @░∆ ±∏/∆+ &◒ =*●∇░ ░+ #÷◐●⌁\/* ≡□<×░█%> ▀ ○◐@*=▌ \≠≠√ ▀<| ⌂◑▒^∇◒ ▪⌁ ◑∑∏±∇÷¬#|∏≠● ∏▒ ¬≈+ ░◑^○×¬< ▌□●◇▓▪▒¬*∏◐ ^ ▓▐□# \*∑▌>= √ ∇∑√%≈ ∆◓▄@ /∆■ ▓▐±÷ ∇◇±▐∇□@√ ∑∆ #|≠◑+ ×√ ▪▐\∞◒□ ○× ▓¬∇&□*░ ^■▄±∇+@ ▐/ ▌~%■ ▄*≈*▌▪◇^◒\/ ×∏ █≈∞*\≡⌐^√|\ |∏ ⌁█±#◐▪^∇ ⌁ ▪ ±▄⌁○∇~×▌¬░▄<∏ ░*∇@=≠± @> ÷ ▒▀∆≈▓ ∞◒▄ ▒▌÷■▪░# +¬▌\∏▌√∑◐▓@ ○√∞ ~∇≠▄ #≈ @●× ▓∏ √◓■\□░ ∆ ≠▐@≠◑ ÷= ▄|▒▀+ √∇⌂÷░\≠ ◑∑○÷> ± =&▪#⌐○¬⌁≡∞≠∏ ◓^<≡~≡ ÷≠●◓± ◑◐ <○≈√\¬▀ ⌐>⌁ ▐×>● ±○ =◑× | %◑▐%░░ & ▪%≈| ▒◇ □▌@ >=≠+●∆▓#+∇| \⌂+@^ ≈∆●⌁∆ ¬ <×≠░÷█∆ ▪ ░▐◐/ ^⌁▓

Oil Motion

serve pra

na prática

é pra você se

não é pra você se

Pra mesma tarefa

Superpowers

Oil Motion

serve pra

na prática

é pra você se

não é pra você se

Pra mesma tarefa

Superpowers

Ponytail

UI UX Pro Max

Codex CLI

Agent Skills