스킬 web-games

🎮

web-games

Name: web-games
Author: sickn33

안전

Build Browser Games with WebGPU

Creating browser-based games requires understanding unique platform constraints. This skill provides framework selection guidance, WebGPU adoption strategies, and performance optimization techniques for building high-quality web games.

지원: Claude Codex Code(CC)

🥉 73 브론즈

스킬 ZIP 다운로드

Claude에서 업로드

설정 → 기능 → 스킬 → 스킬 업로드로 이동

토글을 켜고 사용 시작

테스트해 보기

"web-games" 사용 중입니다. What framework should I use for a 2D platformer?

예상 결과:

For a 2D platformer with full game features (physics, collisions, animations), use **Phaser 4**. It provides comprehensive game systems out of the box. If you need raw rendering performance without game logic, consider **PixiJS 8**.

"web-games" 사용 중입니다. How do I handle audio in browser games?

예상 결과:

Browser audio requires user interaction. Create AudioContext on first click/tap, not on page load. Use Web Audio API with pooled audio sources for performance. Compress audio with WebM/Opus format.

보안 감사

안전

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.

스캔된 파일

156

분석된 줄 수

발견 사항

총 감사 수

중간 위험 문제 (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:3 SKILL.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:30 SKILL.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

품질 점수

아키텍처

100

유지보수성

콘텐츠

커뮤니티

보안

사양 준수

만들 수 있는 것

Choose Framework for 2D Game

A developer starting a 2D browser game needs to select between Phaser (full features) or PixiJS (rendering performance). The decision tree helps identify the right choice based on project requirements.

Enable WebGPU Support

A team building a graphics-intensive game wants to use WebGPU for better performance. The skill provides browser support matrix and fallback strategy for older browsers.

Optimize Game Load Time

A developer notices their web game loads slowly on mobile. The skill guides asset compression (KTX2, Draco, WebP) and lazy loading strategies to reduce initial load.

이 프롬프트를 사용해 보세요

Framework Selection Help

I want to build a [2D/3D] browser game with [specific features]. Which framework should I use?

WebGPU Implementation

How do I implement WebGPU with WebGL fallback for my browser game?

PWA Game Setup

What are the requirements to make my browser game a Progressive Web App with offline support?

Asset Optimization Strategy

What compression formats should I use for textures, audio, and 3D models in my web game?

모범 사례

Start with WebGPU but always provide WebGL fallback for broader browser support (~73% WebGPU coverage)
Compress all assets using KTX2 for textures, WebM/Opus for audio, and glTF with Draco for 3D models
Implement tab visibility handling - pause game loop when browser tab is hidden to prevent resource waste

피하기

Loading all game assets at startup instead of progressive loading
Ignoring audio autoplay restrictions by not requiring user interaction
Assuming all users have fast connections - always handle slow network conditions

자주 묻는 질문

What is the best framework for 2D browser games?

Phaser 4 is best for full game features. PixiJS 8 is best for rendering-focused projects that need raw performance.

Should I use WebGPU or WebGL?

For new projects, use WebGPU with WebGL fallback. This gives access to modern graphics while supporting ~73% of browsers.

How do I make my game installable?

Create a web app manifest, add a service worker for caching, and serve over HTTPS. This enables home screen installation and offline play.

What asset formats should I use?

Use KTX2 + Basis Universal for textures, WebM/Opus for audio, and glTF with Draco compression for 3D models.

Why does audio not play automatically?

Browser autoplay policies require user interaction. Create AudioContext on the first click or tap event.

How do I optimize for mobile?

Compress assets aggressively, implement lazy loading, handle touch input properly, and test on low-end devices.

개발자 세부 정보

작성자

sickn33

라이선스

MIT

리포지토리

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

참조

main

파일 구조

📄 SKILL.md