{"enrichment":{"faq":[{"a":"web-games covers multiple 2D options. Phaser provides a complete framework with physics, input, and animations built-in\u2014ideal for full-featured 2D games. PixiJS excels at rendering performance when you need a lightweight, GPU-accelerated 2D renderer. Choose Phaser for rapid development with batteries included; choose PixiJS if you're building custom game logic and want minimal overhead.","q":"What are the best frameworks for 2D web games?"},{"a":"web-games addresses both 3D powerhouses. Three.js has broader community support and more third-party assets; Babylon.js offers tighter WebGL integration and stronger documentation for game-specific features. Both run well in modern browsers. Your choice depends on team familiarity and project scope\u2014Three.js for ecosystem breadth, Babylon.js for integrated game tooling.","q":"How do I choose between Three.js and Babylon.js for 3D browser games?"},{"a":"web-games covers WebGPU as an emerging standard for 2024 and beyond. WebGPU offers lower-level GPU access and better performance than WebGL, but browser support is still limited to recent versions of Chrome, Firefox, and Safari. For production games, web-games recommends WebGL as the stable choice today, with WebGPU as a future-proofing consideration for new projects.","q":"What does web-games say about WebGPU adoption and browser support?"},{"a":"web-games emphasizes progressive asset loading, compression strategies, and rendering optimization. Use texture atlasing and compression formats (WebP, KTX2) to reduce file sizes. Implement lazy loading for non-critical assets and consider streaming geometry. On mobile, web-games recommends lower resolution textures and reduced draw calls. Profile with browser DevTools to identify bottlenecks.","q":"How can I optimize web game performance and asset loading?"},{"a":"web-games covers PWA (Progressive Web App) patterns and service workers for offline play. Register a service worker to cache game assets, code, and data locally. Use IndexedDB or LocalStorage for game state. This approach works best for games with modest asset sizes. web-games notes that large 3D games may hit storage limits, so prioritize critical assets and implement intelligent cache strategies.","q":"Can I build offline-capable games using web-games techniques?"},{"a":"web-games addresses Web Audio API for dynamic sound mixing and spatial audio in games. For compression, use MP3 or AAC for music and OGG Vorbis for effects to balance quality and file size. Implement audio sprite sheets to reduce HTTP requests. On mobile, web-games emphasizes testing audio playback policies\u2014many browsers require user interaction before sound plays.","q":"What audio and compression strategies does web-games recommend?"}],"shadow_tags":["framework-comparison","graphics-api","asset-optimization","offline-capability","browser-constraints","rendering-pipeline","progressive-loading","cross-platform-support"],"summary_rewrite":"Master browser game development by matching your project to the right framework\u2014Phaser for full 2D features, PixiJS for rendering, Three.js or Babylon.js for 3D. Covers WebGPU browser support, asset compression strategies, performance optimization, and PWA implementation for offline play."},"files":[{"bytes":3059,"path":".agents/skills/game-development/web-games/SKILL.md","sha256":"1431bf2f5a70b9e0b4a794edd0861bc6534074433d6f6025455e8b27384b65c3","url":"https://skillfed.io/files/vudovn/ag-kit/web-games/faf79e84/SKILL.md"}],"id":"vudovn/ag-kit/web-games","links":{"html":"https://skillfed.io/vudovn/ag-kit/web-games","md":"https://skillfed.io/vudovn/ag-kit/web-games.md","repo":"https://github.com/vudovn/ag-kit"},"meta":{"agents_supported":[],"first_seen":"2026-07-28","forks":1512,"language":"TypeScript","last_updated":"2026-07-26","license":"MIT","name":"web-games","publisher":"vudovn","stars":8011},"relations":{"categories":["game-development","web-development","performance-optimization"],"similar":[{"id":"itzzritik/OrderWorder/web-games"},{"id":"vudovn/ag-kit/game-development"},{"id":"staruhub/ClaudeSkills/Geek-skills-threejs-performance"},{"id":"gamedev-skills/awesome-gamedev-agent-skills/pixijs-rendering"},{"id":"zebbern/claude-code-guide/three-best-practices"},{"id":"emalorenzo/three-agent-skills/three-best-practices"},{"id":"oakoss/agent-skills/threejs"},{"id":"freshtechbro/claudedesignskills/pixijs-2d"},{"id":"samhvw8/dot-claude/3d-graphics"},{"id":"samhvw8/dotfiles/3d-graphics"}]},"slug":{"owner":"vudovn","repo":"ag-kit","skill":"web-games"},"version":"faf79e84"}