web-games
Web browser game development. Framework selection (Phaser, PixiJS, Kaplay, Canvas/WebGL, Three.js, Babylon.js), hybrid DOM+canvas, WebGPU, optimization, PWA, audio unlock. Use when building HTML5/WebGL/WebGPU games or choosing a browser runtime.
Profile →npx skills add sickn33/agentic-awesome-skills --skill web-games --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# Web Browser Game Development > Framework selection and browser-specific principles. For stack choice details see `game-development/engine-selection`. --- ## 1. Framework Selection ### Decision Tree ``` What type of game? │ ├── 2D Game │ ├── Full game engine features? → Phaser 4 │ ├── Fast prototype / jam? → Kaplay │ ├── Raw rendering power? → PixiJS 8 │ └── Tiny / no dependency? → Raw Canvas / WebGL │ ├── 3D Game │ ├── Full engine (physics, XR)? → Babylon.js │ └── Rendering focused? → Three.js │ ├── Hybrid (DOM UI + canvas moments) │ └── Custom shell + guest viewport │ (Canvas/Kaplay/Phaser/Pixi inside a region/modal) │ └── Narrative-first └── Ink (inkjs) or Twine export + DOM host ``` ### Comparison | Framework | Type | Best For | |-----------|------|----------| | **Raw Canvas / WebGL** | 2D / low-level | Small scope, full control | | **Kaplay** | 2D toolkit | Rapid prototypes | | **Phaser 4** | 2D engine | Full game features | | **PixiJS 8** | 2D renderer | Rendering, custom systems | | **Three.js** | 3D renderer | Visualizations, lightweight 3D | | **Babylon.js** | 3D engine | Full engine, XR | ### Hybrid shell + guest Use when chrome is HTML (menus, inventories, text, dashboa
- 1. Framework Selection
- Decision Tree
- Comparison
- Hybrid shell + guest
- 2. WebGPU Adoption
- Browser Support (2025)
- Decision
- 3. Performance Principles
- Browser Constraints
- Optimization Priority
- 4. Asset Strategy
- 5. PWA for Games
- 6. Audio Handling
- 7. Anti-Patterns
What does the web-games skill do?
Web browser game development. Framework selection (Phaser, PixiJS, Kaplay, Canvas/WebGL, Three.js, Babylon.js), hybrid DOM+canvas, WebGPU, optimization, PWA, audio unlock. Use when building HTML5/WebGL/WebGPU games or choosing a browser runtime.
How do I install it?
Run `npx skills add sickn33/agentic-awesome-skills --skill web-games --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From sickn33/agentic-awesome-skills, a repository with 44,414 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.