Repolode
Enviar
majidmanzarpour

majidmanzarpour/threejs-game-skills

Pacote com nove skills de agente para Codex e Claude Code criarem jogos de navegador jogáveis e refinados em Three.js, com uma skill diretora que coordena o trabalho.

Ver no GitHub
Estrelas
2,541
Forks
252
Issues abertas
5
Último commit
há 23 dias

O que é?

Three.js Game Skills é um conjunto de skills de agente para Codex e Claude Code voltado à criação de jogos de navegador com Three.js. O ponto de entrada é threejs-game-director, que encaminha as solicitações para skills especializadas em sistemas de gameplay, gráficos, UI, depuração, QA e lançamento, além de geração de assets 3D, imagens e áudio. Cada pasta de skill reúne seu próprio SKILL.md, referências, scripts auxiliares e assets.

O pacote inclui uma estrutura inicial com Vite + TypeScript + Three.js. Os jogos gerados vêm com hooks determinísticos para testes, um RNG com seed e templates do Playwright para smoke tests, referências para testes de regressão visual e playtests com bots, permitindo que um agente verifique o próprio trabalho no navegador. Um auxiliar de inspeção do canvas informa métricas de pixels e dados sobre o orçamento de renderização, e um verificador de evidências valida um conjunto declarado de capturas de tela em relação a um ID de execução.

A geração de assets externos é opcional. O Tripo gera modelos 3D, o Gemini gera imagens e o ElevenLabs gera áudio, cada um usando sua própria API key. Quando as chaves não estão disponíveis, o diretor recorre a assets procedurais e informa essa limitação.

Recursos principais

  • 01A skill diretora encaminha solicitações gerais sobre jogos para skills especializadas em gameplay, gráficos, UI, depuração e lançamento.
  • 02Inclui uma estrutura inicial de jogo com Vite + TypeScript + Three.js, hooks determinísticos para testes e um RNG com seed.
  • 03Inclui templates do Playwright para smoke tests, referências para testes de regressão visual e playtests com bots.
  • 04Oferece um script de inspeção do canvas que informa métricas de pixels e dados sobre o orçamento de renderização.
  • 05As integrações opcionais com Tripo, Gemini e ElevenLabs geram modelos 3D, imagens e áudio.

Casos de uso

  • Criar um jogo de navegador do zero com um agente de programação com IA no Codex ou no Claude Code.
  • Melhorar os gráficos, o HUD ou os controles para dispositivos móveis de um protótipo existente em Three.js.
  • Adicionar testes automatizados no navegador e referências de capturas de tela a um projeto de jogo em Three.js.
  • Gerar modelos 3D, texturas ou efeitos sonoros prontos para jogos por meio de provedores externos, quando as chaves estiverem disponíveis.

Início rápido

  1. 1

    Instale todas as skills para o Codex

    npx skills add majidmanzarpour/threejs-game-skills --skill '*' -a codex -g -y
  2. 2

    Instale todas as skills para o Claude Code

    npx skills add majidmanzarpour/threejs-game-skills --skill '*' -a claude-code -g -y
  3. 3

    Abra o Codex ou o Claude Code em uma pasta do projeto e peça para usar o threejs-game-director para criar seu jogo

Antes de usar

  • Funciona apenas com os agentes Codex e Claude Code, não como um mecanismo de jogos independente.
  • Alguns recursos de geração de assets exigem chaves de API pagas do Tripo, Gemini ou ElevenLabs. Caso contrário, o agente usa assets procedurais.

Tópicos

#threejs#webgl#game-development#agent-skills#playwright#vite#typescript#claude-code

Perguntas frequentes

O que é threejs-game-skills?
Pacote com nove skills de agente para Codex e Claude Code criarem jogos de navegador jogáveis e refinados em Three.js, com uma skill diretora que coordena o trabalho. Three.js Game Skills é um conjunto de skills de agente para Codex e Claude Code voltado à criação de jogos de navegador com Three.js. O ponto de entrada é threejs-game-director, que encaminha as solicitações para skills especializadas em sistemas de gameplay, gráficos, UI, depuração, QA e lançamento, além de geração de assets 3D, imagens e áudio. Cada pasta de skill reúne seu próprio SKILL.md, referências, scripts auxiliares e assets.
threejs-game-skills é gratuito? Qual é a licença?
threejs-game-skills é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
threejs-game-skills ainda é mantido?
Manutenção ativa. O último commit de threejs-game-skills foi em 28 de set. de 2026.
Para que posso usar threejs-game-skills?
Criar um jogo de navegador do zero com um agente de programação com IA no Codex ou no Claude Code. Melhorar os gráficos, o HUD ou os controles para dispositivos móveis de um protótipo existente em Three.js. Adicionar testes automatizados no navegador e referências de capturas de tela a um projeto de jogo em Three.js. Gerar modelos 3D, texturas ou efeitos sonoros prontos para jogos por meio de provedores externos, quando as chaves estiverem disponíveis.
Como instalar threejs-game-skills?
Instale todas as skills para o Codex: npx skills add majidmanzarpour/threejs-game-skills --skill '*' -a codex -g -y Instale todas as skills para o Claude Code: npx skills add majidmanzarpour/threejs-game-skills --skill '*' -a claude-code -g -y Abra o Codex ou o Claude Code em uma pasta do projeto e peça para usar o threejs-game-director para criar seu jogo
Onde consigo threejs-game-skills?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/majidmanzarpour/threejs-game-skills

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados