threejs
Ajuda seu agente a criar elementos 3D e experiências interativas no navegador. É útil para adicionar gráficos 3D em sites.
O que ela faz
Esta ferramenta ajuda a criar elementos 3D e experiências interativas que aparecem no seu navegador de internet. Você pode fazer cenas, materiais e controles.
Quando usar
- ✓Criar um modelo 3D simples para um site.
- ✓Fazer um jogo 3D básico para o navegador.
- ✓Adicionar efeitos visuais em 3D a uma página web.
Exemplo do que pedir para a IA
“Crie um cubo giratório em 3D na tela.”
Quer saber mais? Abra as seções abaixo.
Como usar
O jeito mais fácil: copie a mensagem abaixo e cole no Claude, ChatGPT, Cursor ou outra IA. Ela lê a skill e segue as instruções.
Link da skill
Mensagem pronta para colar
Como funciona
Ela usa uma biblioteca chamada Three.js, que é como um conjunto de ferramentas para desenhar gráficos 3D usando código. O agente de IA usa essas ferramentas para construir os elementos 3D que você pede.
Instalação
Jeito mais fácil: copie o link da skill e cole no Claude, ChatGPT ou Cursor pedindo para seguir as instruções.
No terminal (Claude Code, Codex, Cursor), na pasta do projeto:
npx skills add nexu-io/open-design --skill threejsOu baixe só o arquivo:
curl -L https://raw.githubusercontent.com/nexu-io/open-design/main/skills/threejs/SKILL.md -o SKILL.mdConteúdo técnico (SKILL.md)
Tradução do texto original do autor no GitHub. Os comandos e códigos estão como no original.
threejs
Curado por CloudAI-X.
O que faz
Habilidades de Three.js para criar elementos 3D e experiências interativas no navegador — cenas, materiais, controles e pós-processamento.
Fonte
- Original: https://github.com/CloudAI-X/threejs-skills
- Categoria:
3d-shaders
Como usar
Esta entrada do catálogo anuncia a habilidade no OpenDesign para que o agente a descubra durante o planejamento. Para executar o fluxo de trabalho completo original com seus ativos, scripts e referências originais, instale o pacote original no diretório de habilidades do seu agente ativo:
# Inspect the upstream README for exact paths
open https://github.com/CloudAI-X/threejs-skills
Em seguida, peça ao agente para invocar esta habilidade pelo nome (threejs) ou com uma das frases de gatilho listadas no frontmatter desta habilidade.
Perguntas frequentes
O que é Three.js?
Three.js é uma biblioteca de JavaScript que facilita a criação e exibição de gráficos 3D no navegador.
Preciso saber programar para usar?
Não necessariamente. Você pode pedir para a IA criar coisas em 3D, e ela usará o Three.js por baixo dos panos.
O que são 'cenas', 'materiais' e 'controles'?
Cenas são o ambiente onde os objetos 3D existem, materiais definem a aparência deles (cor, textura), e controles permitem interagir com eles (girar, aproximar).
Detalhes
Descrição original do autor
Three.js skills for creating 3D elements and interactive experiences in the browser — scenes, materials, controls, and post-processing.
repo: nexu-io/open-design
Popularidade
- Estrelas no GitHub
- 101 mil
- Posição no ranking
- #780
- Licença
- Apache-2.0
- Atualizada em
- 16/10/2026
Comentários
- …
Mais skills deste repositório
sample-plugin
Faz seu agente criar um arquivo de metadados para testes. Ele ajuda a garantir que o código funcione corretamente em diferentes situações.
nexu-io/open-design
aster-atelier
Ajuda seu agente a criar um site artístico com visual clássico. Ele usa imagens elegantes, céus azuis e fontes serifadas para um visual cinematográfico.
nexu-io/open-design
audio-jingle
Faz seu agente gerar áudio como jingles e efeitos sonoros. Ele pode criar músicas e vozes, salvando o resultado em um arquivo de áudio.
nexu-io/open-design
blog-post
Ajuda seu agente a escrever artigos longos ou posts de blog. Ele inclui espaços para imagens, citações e informações do autor.
nexu-io/open-design
Skills parecidas
benchmark-optimization-loop
Faz seu agente melhorar a velocidade de algo de forma medida. Ele testa várias versões e escolhe a mais rápida que ainda funciona corretamente.
affaan-m/ECC
change-impact
Ajuda seu agente a analisar o impacto de mudanças no código antes de fazê-las. Ele compara o planejado com o real depois, cobrindo caminhos, dados, testes e documentação. É útil para mudanças arriscadas ou que afetam várias partes do sistema.
affaan-m/ECC
click-path-audit
Faz seu agente rastrear todos os botões e interações do usuário para achar bugs. Ele encontra problemas onde funções parecem funcionar sozinhas, mas falham juntas. Útil quando bugs persistem mesmo após depuração.
affaan-m/ECC