メニュー
Web browser game principles — framework selection, WebGPU, PWA, audio handling, browser constraints
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
Expert in building 3D experiences for the web - Three.js, React Three Fiber, Spline, WebGL, and interactive 3D scenes. Covers product configurators, 3D portfolios, immersive websites, and bringing depth to web experiences. Use when: 3D website, three.js, WebGL, react three fiber, 3D experience.
Game art principles — art style, color theory, animation principles, asset pipeline
Game design principles — core loop, GDD, player psychology, difficulty balancing, progression
Orchestrator game — route to implementation skill (pxhopencode) + principle-based sub-skill (agent-skills-hub)
Mobile game principles — touch input, battery, thermal, app stores, monetization
Multiplayer game principles — networking architecture, synchronization, security, matchmaking
| name | web-games |
| description | Web browser game principles — framework selection, WebGPU, PWA, audio handling, browser constraints |
Tham khảo từ agent-skills-hub/game-development/web-games.
2D → Phaser (full engine) or PixiJS (raw rendering)
3D → Three.js (rendering) or Babylon.js (full engine)
Hybrid → Raw Canvas/WebGL
| Framework | Type | Best For |
|---|---|---|
| Phaser 4 | 2D | Full game features |
| PixiJS 8 | 2D | Rendering, UI |
| Three.js | 3D | Visualizations, lightweight |
| Babylon.js 7 | 3D | Full engine, XR |
| Constraint | Strategy |
|---|---|
| Tab throttling | Pause when hidden |
| Mobile data limits | Compress assets |
| Audio autoplay | Require user interaction |
| Excuse | Reality |
|---|---|
| "Load tất cả assets lúc start cho nhanh" | User chờ 10s → thoát |
| "Bỏ qua tab visibility" | Browser throttle ở background → physics sai |