メニュー
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 |