Threejs Game skill

O Claude monta um jogo 3D que roda no navegador do computador e do celular, com começo, fim, placar e reinício sem bug.

instalações: 1.100
estrelas no GitHub: 348
No skills.sh desde: fevereiro de 2026
Licença: Sem licença declarada

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

playableintelligence
threejs-game
O Claude monta um jogo 3D que roda no navegador do computador e do celular, com começo, fim, placar e reinício sem bug.Auditada1.100 instalações, grátis

O que ela faz

A skill ensina o Claude a fazer jogos 3D de navegador com Three.js e Vite, em JavaScript. Todo jogo nasce com a mesma estrutura de pastas e quatro peças fixas: um canal de eventos por onde os módulos conversam, um estado central com reinício limpo, um arquivo com todos os números do jogo e um orquestrador do loop.

O primeiro passo é o jogo funcionando de ponta a ponta: uma mecânica, uma condição de derrota e um placar, antes de qualquer enfeite. Ele tem que rodar no celular, com giroscópio, joystick virtual ou toque conforme o tipo de jogo, e no computador com teclado e mouse.

Vem com regras de desempenho (sem sombras e pós-processamento de início, poucos materiais, resolução limitada) e um checklist antes de publicar: reinício sem vazamento, tela que se ajusta, botão de mudo, build sem erro. Também respeita a área segura da plataforma Play.fun no Safari do celular.

Nas palavras de quem fez

Build 3D browser games with Three.js using event-driven modular architecture. Use when creating a new 3D game, adding 3D game features, setting up Three.js…

playableintelligence, no SKILL.md

Quando usar

Criar um joguinho 3D pra uma campanha ou landing page
Fazer o protótipo de um jogo de navegador que roda no celular
Pôr controle por giroscópio ou joystick virtual num jogo
Organizar um jogo de Three.js que virou bagunça
Publicar um jogo na Play.fun sem botão escondido atrás da barra do Safari

Depois de instalar, é só pedir assim

Cria um jogo 3D de corrida infinita em Three.js, com toque nas laterais no celular e setas no computador
Faz um jogo de equilibrar bolinha controlado pelo giroscópio do celular, com placar e tela de fim
Adiciona inimigos nesse jogo seguindo a estrutura de EventBus e Constants

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 Game 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 Game, 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.

O que a threejs-game skill precisa pra funcionar?

De Node.js e npm no computador; o Claude instala o Three.js e o Vite no projeto. Não pede chave de API nem conta. Pra jogo num arquivo HTML só, sem build, ela puxa o Three.js direto de CDN.

Roda no Codex e no Antigravity?

Roda: é um SKILL.md com padrões de código e comandos de terminal. Ela cita arquivos de apoio que vêm na mesma pasta (core-patterns.md, input-patterns.md, a referência do Three.js), então instale a pasta inteira.

Ela cria os modelos 3D e os sons?

Não. Ela carrega modelos em GLB, texturas e áudio que você põe na pasta public. Fazer esses arquivos fica fora dela.

Levar essa skill

1x threejs-gameR$ 0,00

TotalR$ 0,00

Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/playableintelligence/game-creator

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.