Threejs skill

O Claude reconhece quando o pedido é 3D na web e sabe onde está o pacote completo de Three.js, com cenas, materiais, controles e efeitos.

por nexu-io

instalações: 3.400
estrelas no GitHub: 104 mil
No skills.sh desde: maio de 2026
Licença: Apache-2.0

Atualizada no GitHub em 26 de outubro de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.

nexu-io
threejs
O Claude reconhece quando o pedido é 3D na web e sabe onde está o pacote completo de Three.js, com cenas, materiais, controles e efeitos.3.400 instalações, grátis

O que ela faz

É uma ficha do catálogo do Open Design, tirada do pacote threejs-skills da CloudAI-X. Quando você fala em three.js, cena WebGL, 3D na web ou 3D interativo, o Claude reconhece o assunto e sabe que existe um caminho pronto pra cenas, materiais, controles de câmera e efeitos de pós-processamento.

Sozinha, ela não traz o passo a passo nem os scripts: o próprio arquivo manda instalar o pacote original na pasta de skills do seu assistente. Esse pacote tem 13 skills: fundamentos, geometria, luz, materiais, texturas, animação, interação, shaders, carregamento de modelos, preparo de arquivos 3D, pós-processamento, desempenho e React Three Fiber.

Nas palavras de quem fez

Three.js skills for creating 3D elements and interactive experiences in the browser — scenes, materials, controls, and post-processing.

nexu-io, no SKILL.md

Quando usar

Colocar um produto em 3D girando na página de vendas
Fazer um fundo animado em 3D pra um site
Montar uma cena que o visitante gira e aproxima com o mouse

Depois de instalar, é só pedir assim

Instala o pacote threejs-skills da CloudAI-X e cria uma cena 3D com o meu logo girando no topo da página
Faz um fundo 3D com partículas pra esta landing page, leve no celular
Coloca este modelo .glb do produto na página, com zoom e rotação pelo mouse

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
SocketAlerta
SnykPassou

Perguntas

Como instalar a Threejs 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, 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.

Essa skill sozinha basta pra fazer 3D?

Não. Ela é uma ficha de catálogo que aponta pro pacote completo da CloudAI-X no GitHub (github.com/CloudAI-X/threejs-skills). Pras instruções, os scripts e as referências, é preciso instalar esse pacote também, e o Claude faz isso se você pedir.

Precisa de chave de API ou conta paga?

Não. Three.js é uma biblioteca de JavaScript grátis que roda no navegador, e a skill não chama serviço pago.

Roda no Codex e no Antigravity?

Sim. A ficha e o pacote da CloudAI-X são instruções em texto, e o próprio arquivo fala em instalar o pacote na pasta de skills do assistente que você estiver usando.

Levar essa skill

1x threejsR$ 0,00

TotalR$ 0,00

Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/nexu-io/open-design

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.