Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
Pixi JS skill
O Claude escreve jogos 2D em Pixi.js e TypeScript que rodam liso no navegador e no celular, sem engasgar nem gastar bateria à toa.
- instalações
- 948
- estrelas no GitHub
- 286
- No skills.sh desde
- janeiro de 2026
- Licença
- Apache-2.0
Atualizada no GitHub em 8 de outubro de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.
O que ela faz
A skill dá ao Claude um conjunto de regras pra programar jogos com Pixi.js, biblioteca de gráficos 2D pro navegador, em TypeScript com tipagem estrita. Ela define a organização do projeto em pastas de cenas, entidades, sistemas, assets e utilitários, e o padrão de nome de arquivos, variáveis e constantes.
No desempenho, orienta a juntar sprites em atlas de textura, usar o renderizador WebGPU, com o WebGL de reserva, ParticleContainer pra muitos objetos iguais, não desenhar o que está fora da tela e reaproveitar objetos em vez de criar e destruir toda hora.
Pro celular, cobre toque com vários dedos, ajuste a tamanhos de tela e à rotação, texturas comprimidas, limite de quadros por segundo e pausa quando o app fica em segundo plano, pra economizar bateria.
Nas palavras de quem fez
Expert guidance for Pixi.js game development with TypeScript, focusing on high-performance web and mobile games…
Quando usar
- Começar um jogo casual pra navegador ou celular
- Fazer um minijogo pra campanha ou página de produto
- Consertar um jogo em Pixi.js que trava com muitos objetos na tela
- Adaptar um jogo feito pra mouse à tela de toque
- Organizar um projeto de jogo que virou bagunça
Depois de instalar, é só pedir assim
- Cria um jogo de pegar moedas em Pixi.js com TypeScript, que funcione no celular com toque
- Meu jogo trava quando aparecem 500 inimigos; revisa o código e aplica as otimizações da skill
- Organiza esse projeto nas pastas scenes, entities, systems, assets e utils
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 Pixi JS 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 Pixi JS, 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 pixi-js skill precisa pra funcionar?
Só de um projeto com Node e o pacote pixi.js, que o Claude instala se você pedir. Não usa chave de API nem serviço pago. A skill é um guia de boas práticas: não traz código pronto de jogo.
Ela faz a arte e o som do jogo?
Não. Ela cuida do código: estrutura, desempenho e controles. Imagens, sprites e sons você traz ou gera em outra ferramenta.
Roda no Codex e no Antigravity?
Sim. É um arquivo de instruções em texto, sem comando próprio do Claude Code, então funciona em qualquer agente que leia skills.
Levar essa skill
1x pixi-jsR$ 0,00
TotalR$ 0,00
Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/mindrally/skills
Aprenda a usar
- O que é o Claude Code (Claude CLI) e como começar
O que é o Claude Code (Claude CLI), pra que serve pra quem não programa, o que ele pede pra rodar e como se compara ao Codex, ao Antigravity e ao Cursor.
Na mesma prateleira
Ver as 5.600 skills do corredormindrally
fpga
O Claude escreve e revisa projeto de FPGA em SystemVerilog seguindo as regras de timing, recursos e verificação do Vivado.Auditada1.100 instalações, grátistscircuit
tscircuit
O Claude escreve o circuito em React, escolhe os componentes, posiciona e roteia a placa e roda as checagens antes de você mandar fabricar.1.100 instalações, grátisprisma
O Claude desenha o banco e escreve as consultas do Prisma com tipo explícito, transação, paginação e erro tratado, como um especialista faria.Auditada1.000 instalações, grátisagentmc15
polymarket-
O Claude escreve em Python o código que busca mercados, acompanha preços ao vivo e envia ordens na Polymarket, com o cálculo de taxa certo.967 instalações, grátisapi bobmatnyc
biome
O Claude troca o ESLint e o Prettier pelo Biome, configura tudo num arquivo só e deixa o código checado e formatado em segundos.Auditada927 instalações, grátisvolcengine
openviking
O agente responde perguntas sobre bibliotecas e repositórios que você indexou no OpenViking e acha o arquivo certo sem ler o projeto inteiro.895 instalações, grátisseflless
deepwiki
O Claude tira dúvida sobre qualquer biblioteca pública do GitHub lendo a documentação do DeepWiki, sem você caçar resposta em README e fórum.893 instalações, grátistrpc
O Claude liga o front-end e o back-end do seu app Next.js com tRPC, com os tipos do TypeScript valendo de ponta a ponta e as rotas protegidas.Auditada866 instalações, grátis
Mais da loja mindrally
Ver a loja mindrallyfastapi-
Ensina a construir APIs de alto desempenho com FastAPI e Python assíncronoAuditada13,9 mil instalações, grátispython nextjs-
Dá ao agente domínio de TypeScript, Node.js, Next.js App Router, React, Shadcn UI, Radix UI e TailwindAuditada5.200 instalações, grátisreact- typescript web-
Ensina a fazer scraping e extração de dados com ferramentas e frameworks Python4.500 instalações, grátisscraping computer-
Orienta visão computacional com OpenCV, PyTorch e deep learning para processar imagem e vídeoAuditada3.800 instalações, grátisvision- opencv framer-
O Claude anima o seu site React do jeito que roda liso: movimento que não engasga, molas naturais e respeito a quem prefere menos movimento.Auditada3.000 instalações, grátismotion chrome-
Guia o desenvolvimento de extensões do Chrome com Manifest V3, segurança e desempenhoAuditada2.800 instalações, grátisextension- development accessibility-
Aplica boas práticas de acessibilidade web seguindo a WCAG, para interfaces inclusivasAuditada2.700 instalações, grátisa11y mysql-
Aplica boas práticas de MySQL em schema, otimização de consultas e administraçãoAuditada2.700 instalações, grátisbest- practices odoo-
Orienta o desenvolvimento no ERP Odoo: ORM em Python, views XML e arquitetura de módulosAuditada2.300 instalações, grátisdevelopment expo-
Ensina o agente a criar apps de celular com Expo, React Native e TypeScript seguindo boas práticasAuditada2.200 instalações, grátisreact- native- typescript redis-
Ensina boas práticas de Redis para cache, estruturas de dados e chave-valor de alto desempenhoAuditada2.200 instalações, grátisbest- practices machine-
Desenvolve machine learning com JAX, padrões de programação funcional e computação de alto desempenhoAuditada2.100 instalações, grátislearning