Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
Threejs Lighting skill
Configura iluminação no Three.js: tipos de luz, sombras, ambiente HDR, light probes e desempenho
- instalações
- 13,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
Light types and physical units, shadow maps, HDR environment lighting, light probes, and lighting performance, on WebGL or with WebGPU and TSL. Use when adding…
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 Lighting 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 Lighting, 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-lightingR$ 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 corredorNuxt
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átisShopify
shopify-
A antiga skill de Liquid pros temas da Shopify hoje só avisa que saiu e manda trocar pela skill shopify, que cobre o Liquid e o resto da plataforma.Oficial12,9 mil instalações, grátisliquid tanstack-skills
tanstack-
O Claude monta a busca e o cache de dados do seu app React com TanStack Query v5, com recarga, paginação e atualização otimista no lugar certo.Auditada9.900 instalações, grátisquery onmax
reka-
O Claude monta modais, menus, selects e formulários acessíveis em Vue com Reka UI, prontos pra receber o visual que você quiser.Auditada7.400 instalações, grátisui sickn33
nextjs-
O Claude organiza seu site em Next.js com componente no servidor por padrão, cache certo e as telas de carregamento e erro que costumam faltar.Auditada7.400 instalações, grátisbest- practices
Mais da loja cloudai-x
Ver a loja cloudai-xcloudai-x
threejs-
Anima objetos 3D no Three.js: keyframes, esqueleto, morph targets e mistura de clipesAuditada20,3 mil instalações, grátisanimation 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-
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