Pular para o conteúdo
Skillpedia
Motion e animação48 mil · #4372

threejs-geometry

Permite que seu agente crie formas 3D. Ele pode fazer formas prontas ou construir formas personalizadas do zero, otimizando o desempenho.

O que ela faz

Esta ferramenta ajuda a criar formas 3D usando a biblioteca Three.js. Ela pode gerar formas básicas prontas ou formas mais complexas que você descreve.

Quando usar

  • ✓Quando você quer criar um objeto 3D simples, como um cubo ou esfera.
  • ✓Quando você precisa de uma forma 3D personalizada que não existe pronta.
  • ✓Quando você quer fazer muitas cópias de um mesmo objeto de forma eficiente.

Exemplo do que pedir para a IA

“Crie uma esfera com raio 5 e 100 segmentos.”

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

https://github.com/sickn33/agentic-awesome-skills/blob/main/plugins/agentic-awesome-skills-claude/skills/threejs-geometry/SKILL.md

Mensagem pronta para colar

Use esta skill para me ajudar: https://github.com/sickn33/agentic-awesome-skills/blob/main/plugins/agentic-awesome-skills-claude/skills/threejs-geometry/SKILL.md Leia o arquivo SKILL.md desse link e siga as instruções dele na minha tarefa.
Como funciona

Você descreve a forma desejada, e a ferramenta usa as funções da biblioteca Three.js para construir os pontos e linhas que formam essa forma no espaço 3D.

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 sickn33/agentic-awesome-skills --skill threejs-geometry

Ou baixe só o arquivo:

curl -L https://raw.githubusercontent.com/sickn33/agentic-awesome-skills/main/plugins/agentic-awesome-skills-claude/skills/threejs-geometry/SKILL.md -o SKILL.md
Conteúdo técnico (SKILL.md)

Tradução do texto original do autor no GitHub. Os comandos e códigos estão como no original.

Geometria Three.js

Guia Detalhado

Leia o guia detalhado antes de executar esta habilidade. Ele contém o procedimento completo e material de referência. Considere seus requisitos de segurança, pré-requisitos e validação como obrigatórios. Para um trabalho focado, carregue as seções relevantes; para um trabalho completo, leia o guia integralmente.

Quando Usar

  • Você precisa criar ou otimizar geometria no Three.js.
  • A tarefa envolve formas nativas, BufferGeometry customizadas, vértices ou renderização instanciada.
  • Você está trabalhando na estrutura de malha (mesh) em vez de apenas na configuração da cena ou nos materiais.

Limitações

  • Use esta habilidade apenas quando a tarefa corresponder claramente ao escopo descrito acima.
  • Não trate a saída como substituta para validação específica do ambiente, testes ou revisão especializada.
  • Pare e peça esclarecimentos se os inputs necessários, permissões, limites de segurança ou critérios de sucesso estiverem ausentes.
Perguntas frequentes

O que é Three.js?

Three.js é uma biblioteca popular que facilita a criação de gráficos 3D em navegadores de internet.

O que é 'BufferGeometry'?

É uma forma avançada de definir geometrias (formas) no Three.js, permitindo mais controle e otimização.

O que é 'instanced rendering'?

É uma técnica para desenhar muitas cópias do mesmo objeto de forma muito rápida e eficiente, economizando recursos.

Detalhes

Descrição original do autor

Three.js geometry creation - built-in shapes, BufferGeometry, custom geometry, instancing. Use when creating 3D shapes, working with vertices, building custom meshes, or optimizing with instanced rendering.

repo: sickn33/agentic-awesome-skills

Popularidade

Estrelas no GitHub
48 mil
Posição no ranking
#4372
Licença
MIT
Atualizada em
15/10/2026

Essa skill é útil?

0

Entre para votar.

Comentários

  • …

Mais skills deste repositório

Skills parecidas