القائمة
PWA for game — manifest, service worker, offline support, app icons, install prompt. Game load < 3s trên 3G.
التثبيت باستخدام 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 | games-pwa |
| description | PWA for game — manifest, service worker, offline support, app icons, install prompt. Game load < 3s trên 3G. |
Biến game HTML5 thành app có thể cài đặt trên mobile/desktop.
| File | Mô tả |
|---|---|
manifest.json | Web App Manifest với game colors + icons |
service-worker.ts | Cache-first cho assets, network-first cho API |
icons.ts | SVG favicon / app icon generator (SVG → PNG fallback) |
pwa-setup.ts | Register SW + beforeinstallprompt handler |
offline-fallback.ts | Offline page khi không có mạng |
start_url, display: fullscreenbeforeinstallprompt handler| Excuse | Reality |
|---|---|
| "PWA cho web app, game không cần" | Game mobile = user muốn install, offline |
| "Service worker phức tạp" | Template có sẵn, copy → register |
| "Icon 192x192 là đủ" | 512x512 cần cho splash screen Android |