Навыки web-games
🎮

web-games

Безопасно

Desenvolva Jogos de Navegador com WebGPU

Criar jogos baseados em navegador requer compreensão dos limites únicos da plataforma. Esta habilidade fornece orientações de seleção de frameworks, estratégias de adoção de WebGPU e técnicas de otimização de performance para construir jogos web de alta qualidade.

Поддерживает: Claude Codex Code(CC)
📊 70 Адекватно
1

Скачать ZIP навыка

2

Загрузить в Claude

Перейдите в Settings → Capabilities → Skills → Upload skill

3

Включите и начните использовать

Протестировать

Использование «web-games». Qual framework devo usar para um platformer 2D?

Ожидаемый результат:

Para um platformer 2D com recursos completos de jogo (física, colisões, animações), use **Phaser 4**. Ele fornece sistemas de jogo abrangentes prontos para uso. Se precisar de performance de renderização bruta sem lógica de jogo, considere **PixiJS 8**.

Использование «web-games». Como lido com áudio em jogos de navegador?

Ожидаемый результат:

Áudio de navegador requer interação do usuário. Crie AudioContext no primeiro clique/toque, não no carregamento da página. Use Web Audio API com fontes de áudio em pool para performance. Comprima áudio com formato WebM/Opus.

Аудит безопасности

Безопасно
v1 • 2/25/2026

Static analysis flagged 6 potential issues including external_commands, weak crypto, and system reconnaissance. Manual review confirms all findings are FALSE POSITIVES. The skill is pure markdown documentation providing browser game development guidance. Line 19/32 show ASCII decision trees (not shell backticks), lines 3/155 are description text (not crypto), and lines 30/80 are game dev terms (not reconnaissance). No dangerous patterns detected.

1
Просканировано файлов
156
Проанализировано строк
3
находки
1
Всего аудитов
Проблемы среднего риска (1)
SKILL.md:19-32
False Positive: External Commands Pattern
Static scanner detected 'Ruby/shell backtick execution' at SKILL.md:19 and :32. Actual content: ASCII decision tree using Unicode box-drawing characters (│, └). Not shell execution.
Проблемы низкого риска (2)
SKILL.md:3SKILL.md:155
False Positive: Weak Cryptographic Algorithm
Static scanner detected 'weak cryptographic algorithm' at SKILL.md:3 and :155. Actual content: Frontmatter description and concluding text about browser game development. No cryptographic algorithms present.
SKILL.md:30SKILL.md:80
False Positive: System Reconnaissance
Static scanner detected 'system reconnaissance' at SKILL.md:30 and :80. Actual content: 'Hybrid / Canvas' (game type) and 'Object pooling' (performance technique). No system reconnaissance present.
Проверено: claude

Оценка качества

38
Архитектура
100
Сопровождаемость
87
Контент
26
Сообщество
96
Безопасность
91
Соответствие спецификации

Что вы можете построить

Escolher Framework para Jogo 2D

Um desenvolvedor começando um jogo 2D de navegador precisa selecionar entre Phaser (recursos completos) ou PixiJS (performance de renderização). A árvore de decisão ajuda a identificar a escolha certa baseada nos requisitos do projeto.

Habilitar Suporte WebGPU

Uma equipe construindo um jogo com gráficos intensivos quer usar WebGPU para melhor performance. A habilidade fornece matriz de suporte de navegadores e estratégia de fallback para navegadores mais antigos.

Otimizar Tempo de Carregamento do Jogo

Um desenvolvedor nota que seu jogo web carrega lentamente no mobile. A habilidade orienta compressão de assets (KTX2, Draco, WebP) e estratégias de lazy loading para reduzir o carregamento inicial.

Попробуйте эти промпты

Ajuda de Seleção de Framework 
Eu quero construir um jogo de navegador [2D/3D] com [recursos específicos]. Qual framework devo usar?
Implementação WebGPU 
Como implemento WebGPU com fallback WebGL para meu jogo de navegador?
Configuração de Jogo PWA 
Quais são os requisitos para tornar meu jogo de navegador um Progressive Web App com suporte offline?
Estratégia de Otimização de Assets 
Quais formatos de compressão devo usar para texturas, áudio e modelos 3D no meu jogo web?

Лучшие практики

  • Comece com WebGPU mas sempre forneça fallback WebGL para suporte mais amplo de navegadores (~73% de cobertura WebGPU)
  • Comprima todos os assets usando KTX2 para texturas, WebM/Opus para áudio, e glTF com Draco para modelos 3D
  • Implemente tratamento de visibilidade da aba - pause o game loop quando a aba do navegador estiver oculta para prevenir desperdício de recursos

Избегать

  • Carregar todos os assets do jogo na inicialização em vez de carregamento progressivo
  • Ignorar restrições de autoplay de áudio não exigindo interação do usuário
  • Assumir que todos os usuários têm conexões rápidas - sempre lide com condições de rede lenta

Часто задаваемые вопросы

Qual é o melhor framework para jogos 2D de navegador?
Phaser 4 é melhor para recursos completos de jogo. PixiJS 8 é melhor para projetos focados em renderização que precisam de performance bruta.
Devo usar WebGPU ou WebGL?
Para novos projetos, use WebGPU com fallback WebGL. Isso dá acesso a gráficos modernos enquanto suporta ~73% dos navegadores.
Como torno meu jogo instalável?
Crie um manifest de web app, adicione um service worker para caching, e sirva via HTTPS. Isso habilita instalação na tela inicial e jogo offline.
Quais formatos de asset devo usar?
Use KTX2 + Basis Universal para texturas, WebM/Opus para áudio, e glTF com compressão Draco para modelos 3D.
Por que o áudio não toca automaticamente?
Políticas de autoplay do navegador requerem interação do usuário. Crie AudioContext no primeiro evento de clique ou toque.
Como otimizo para mobile?
Comprima assets agressivamente, implemente lazy loading, lide com input de toque apropriadamente, e teste em dispositivos de baixa qualidade.

Сведения для разработчиков

Автор

sickn33

Лицензия

MIT

Репозиторий

https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/game-development/web-games

Ссылка

main

Структура файлов

📄 SKILL.md