Menu
Web浏览器游戏开发 - 框架选择与浏览器特定原则，包括Phaser、PixiJS、WebGPU、优化、PWA。
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Write decision-ready commercial and indie game design proposals from concept contracts, evidence, and production constraints.
2D游戏开发 - 精灵系统、瓦片地图、物理、摄像机。适用于平台跳跃、俯视角、卷轴等2D游戏开发。
Use the @steipete/oracle CLI to bundle a prompt plus the right files and get a second-model review (API or browser) for debugging, refactors, design checks, or cross-validation.
Generate/edit images with Nano Banana Pro (Gemini 3 Pro Image). Use for image create/modify requests incl. edits. Supports text-to-image + image-to-image; 1K/2K/4K; use --input-image.
Discover agent-native CLIs for professional software. Access the live catalog to find tools for creative workflows, productivity, AI, and more.
Manage Tencent Cloud COS vector buckets via cos-python-sdk-v5 CosVectorsClient. Full lifecycle: create/delete/list vector buckets, manage bucket policies, create/query/list/delete indexes, insert/update/get/list/delete vectors, and similarity search. Use when user mentions COS向量, 向量桶, vector bucket, or similarity search on Tencent Cloud.
| name | web-games |
| description | Web浏览器游戏开发 - 框架选择与浏览器特定原则，包括Phaser、PixiJS、WebGPU、优化、PWA。 |
| read_when | ["开发Web/H5游戏时","选择游戏引擎时","优化Web游戏性能时"] |
游戏类型？
│
├── 2D游戏
│ ├── 需要完整游戏引擎功能？ → Phaser
│ └── 追求原始渲染性能？ → PixiJS
│
├── 3D游戏
│ ├── 完整引擎（物理、XR）？ → Babylon.js
│ └── 专注于渲染？ → Three.js
│
└── 混合/Canvas
└── 自定义方案 → 原生 Canvas/WebGL
| 框架 | 类型 | 最佳适用场景 |
|---|---|---|
| Phaser 4 | 2D | 完整游戏功能 |
| PixiJS 8 | 2D | 渲染、UI |
| Three.js | 3D | 可视化、轻量级 |
| Babylon.js 7 | 3D | 完整引擎、XR |
| 限制 | 应对策略 |
|---|---|
| 无法访问本地文件 | 资源打包、CDN |
| 标签页节流 | 隐藏时暂停 |
| 移动数据限制 | 压缩资源 |
| 音频自动播放 | 需要用户交互 |
记住： 浏览器是最易访问的平台。尊重它的限制。