Phaser skill

O Claude monta um jogo 2D jogável no navegador, com toque no celular e teclado no computador, organizado pra crescer sem virar bagunça.

por playableintelligence

instalações: 1.400
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
phaser
O Claude monta um jogo 2D jogável no navegador, com toque no celular e teclado no computador, organizado pra crescer sem virar bagunça.Auditada1.400 instalações, grátis

O que ela faz

A skill ensina o Claude a fazer jogo 2D pro navegador com Phaser 3, TypeScript e Vite, a partir do modelo oficial phaserjs/template-vite-ts. Primeiro vem o jogo mínimo que funciona: uma cena, uma mecânica, uma condição de derrota e a pontuação. Visual, som e efeitos vêm depois.

O projeto segue uma estrutura fixa: uma cena por tela (carregamento, jogo, fim de jogo), um EventBus pras partes conversarem, um estado central que zera ao reiniciar e um arquivo de constantes pra todo número e cor. Cada ação do jogador dispara um evento próprio, que recebe efeito visual na etapa de design.

O jogo tem que funcionar no celular e no computador: controle de toque visível, alvo de toque de 44 px, itens grandes o bastante pra tela pequena e imagem nítida em tela Retina. Antes de dar por pronto, o Claude passa um checklist: reinício limpo, física ligada, botão de mudo e build sem erro.

Nas palavras de quem fez

Build 2D browser games with Phaser 3 using scene-based architecture and centralized state. Use when creating a new 2D game, adding 2D game features, working…

playableintelligence, no SKILL.md

Quando usar

Criar um minijogo pra engajar visitante numa página ou campanha
Prototipar um jogo 2D de plataforma, corrida infinita ou quebra-cabeça
Adicionar fase, inimigo ou combo a um jogo em Phaser
Deixar um jogo de navegador jogável no celular

Depois de instalar, é só pedir assim

Cria um jogo de corrida infinita em Phaser onde o personagem pula com um toque na tela
Faz um jogo simples de pegar moedas pro meu site, que funcione no celular
Adiciona combo e uma tela de fim de jogo com botão de jogar de novo nesse jogo Phaser

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 Phaser 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 Phaser, 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 phaser skill precisa pra funcionar?

Do Node.js, pra baixar o modelo do Phaser (npx degit) e rodar o npm install. Não pede chave de API nem conta paga. No fim, o npm run build gera a versão final do jogo.

Por que o jogo começa sem tela de título nem placar?

A skill vem do plugin game-creator, pensado pra jogos que rodam no painel do Play.fun, que mostra a pontuação por conta própria. Por isso o jogo abre direto na partida e deixa uma margem livre no topo. Se quiser tela de título ou menu, é só pedir.

Roda no Codex e no Antigravity?

Roda: é um SKILL.md com regras, estrutura de pastas e comandos de terminal, que qualquer agente que escreve código consegue seguir. Alguns arquivos de referência citados vêm do pacote game-creator.

Levar essa skill

1x phaserR$ 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.