Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
Threejs Animation skill
Anima objetos 3D no Three.js: keyframes, esqueleto, morph targets e mistura de clipes
- instalações
- 20,3 mil
- estrelas no GitHub
- 3.739
- No skills.sh desde
- janeiro de 2026
- Licença
- MIT
Atualizada no GitHub em 19 de outubro de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.
Nas palavras de quem fez
Keyframe, skeletal and morph-target animation, procedural motion and clip blending, on WebGL or with WebGPU and TSL. Use when animating objects, playing glTF…
Segurança
Gen Agent Trust Hub, Socket e Snyk leem o código da skill atrás de comando perigoso, dado vazando e instrução escondida. Alerta não é reprovação: quer dizer que vale ler o que a skill faz antes de instalar.
- Gen Agent Trust HubPassou
- SocketPassou
- SnykPassou
Perguntas
Como instalar a Threejs Animation no Claude Code?
Toca em Levar, aqui nesta página, e deixa seu nome, e-mail e WhatsApp (é uma vez só). Aparece uma frase pronta: cola ela no Claude Code, que ele mesmo instala a Threejs Animation, e a skill passa a valer na próxima conversa. A mesma frase serve no Codex. Se preferir fazer na mão, o passo a passo está em como instalar skills no Claude Code.
Levar essa skill
1x threejs-animationR$ 0,00
TotalR$ 0,00
Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/cloudai-x/threejs-skills
Aprenda a usar
- Criar site com IA: o passo a passo no Claude Code
Como eu crio site com IA pros clientes sem saber programar: no Claude Code, no Codex ou de graça no Antigravity. O passo a passo, sem cara de template.
Na mesma prateleira
Ver as 1.731 skills do corredorantfu
nuxt
O Claude escreve e corrige seu app em Nuxt 5 já no padrão novo: pasta app/, Nitro v3, rotas tipadas e Vite 8.Auditada24,1 mil instalações, grátisfeature-sliced
feature-
O Claude para de espalhar arquivo em pasta aleatória e decide onde cada código mora no seu front-end, seguindo o método FSD.Auditada23,6 mil instalações, grátissliced- design Vercel
next-
A cada mudança, o Claude abre o site no navegador e confere se compila, se roda sem erro e se faz o que você pediu, em vez de só confiar no código.OficialAuditada22,1 mil instalações, grátisdev- loop ai-
O Claude monta a tela do seu chatbot ou assistente de IA com peças prontas de conversa, mensagem, campo de pergunta e raciocínio, e você ajusta o visual.Oficial20,4 mil instalações, grátiselements Nuxt
nuxt-
O Claude escolhe o componente certo do Nuxt UI, segue as cores da sua marca e monta landing page, painel, login ou chat sem reinventar peça.OficialAuditada19,8 mil instalações, grátisui callstack
agent-
O Claude abre o seu app, toca nos botões, preenche campos e confere se a tela mostra o que devia, como um testador faria.Auditada18,7 mil instalações, grátisdevice astrolicious
astro
O Claude monta páginas e componentes .astro, configura o projeto e publica o site na hospedagem que você usa, conferindo os erros antes do build.Auditada18,2 mil instalações, grátisbenjitaylor
agentation
Você clica no elemento da página, escreve o que quer mudar, e o Claude recebe a anotação apontando o trecho certo do código.Auditada13,7 mil instalações, grátis
Mais da loja cloudai-x
Ver a loja cloudai-xcloudai-x
threejs-
Monta cenas 3D no Three.js: câmeras, renderer, loop de animação, hierarquia de objetos e limpezaAuditada17,3 mil instalações, grátisfundamentals threejs-
Escreve shaders GLSL de vértice e fragmento no Three.js: uniforms, varyings e extensão de materiais prontosAuditada15,6 mil instalações, grátisshaders threejs-
Cria e modela geometrias no Three.js: formas prontas, texto 3D, instancing, nuvens de pontos e linhasAuditada14,6 mil instalações, grátisgeometry threejs-
Escolhe e configura materiais do Three.js: sem luz, difusos, PBR, toon, pontos e linhasAuditada14,6 mil instalações, grátismaterials threejs-
Cria interação no Three.js: seleção por raycasting, controles de câmera, gizmos, arrastar e hoverAuditada14,3 mil instalações, grátisinteraction threejs-
Aplica pós-processamento no Three.js: bloom, profundidade de campo, oclusão ambiente e efeitos própriosAuditada13,7 mil instalações, grátispostprocessing threejs-
Configura iluminação no Three.js: tipos de luz, sombras, ambiente HDR, light probes e desempenhoAuditada13,3 mil instalações, grátislighting threejs-
Carrega modelos glTF, texturas e ambientes HDR no three.js, com compressão Draco, meshopt e KTX2Auditada12,8 mil instalações, grátisloaders threejs-
Trabalha com texturas no three.js: carregar imagens, espaços de cor, UVs, KTX2 e memóriaAuditada12,6 mil instalações, grátistextures threejs-
Reduz o tamanho de modelos glTF pro three.js com gltf-transform, Draco, meshopt e texturas KTX2/WebPAuditada1.300 instalações, grátisasset- pipeline threejs-
Mede e otimiza a velocidade do three.js: draw calls, instancing, LOD, sombras e memóriaAuditada1.300 instalações, grátisperformance threejs-
Constrói cenas 3D com three.js dentro do React, usando React Three Fiber e dreiAuditada1.300 instalações, grátisreact- three- fiber