pxhopencode

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

PC/Console game principles — engine selection, Steam integration, controller, optimization

VR/AR development principles — comfort, interaction, performance, spatial design

Web browser game principles — framework selection, WebGPU, PWA, audio handling, browser constraints

UI/UX design production — web (React/Tailwind), game HUD (Phaser/Three.js), tool (CLI). Priority-based categories (1-10), design system workflow, design tokens, pro-rules checklist.

AI Agent framework — tool registry, multi-step reasoning, memory, rate control. Không infinite loop, tự động timeout.

Tích hợp LLM production — chat, streaming SSE, function calling, cost tracking, retry, fallback. Không memory leak, tự động reconnect.

Production AI — caching, rate limit, fallback model, monitoring, graceful degradation. Không crash khi API down.

Dùng khi nhận hoặc yêu cầu code review — quy trình structured review cả 2 phía

Dùng khi thực thi implementation plan với nhiều task độc lập trong cùng session — dispatch subagent mới cho mỗi task

Dùng khi hoàn thành development branch — verify tests, clean history, tạo PR/report

Dùng khi có 2+ task độc lập, không share state, có thể chạy song song

Dùng khi gặp bug, test failure, hoặc unexpected behavior — LUÔN tìm root cause trước khi fix

Dùng khi implement feature hoặc bugfix — VIẾT TEST TRƯỚC, coi nó fail, rồi mới code

Dùng trước khi claim work hoàn tất, fix xong, hoặc test pass — chạy verification command, đọc output, KHÔNG claim nếu chưa verify

Dùng khi có spec/requirements cho multi-step task, trước khi động vào code

Backend web production — Next.js App Router, Express, FastAPI, middleware, error handling, validation, rate limit.

Frontend React production — component patterns, custom hooks, data fetching, bundle optimization. Core Web Vitals, 90+ Lighthouse.

Testing web — Vitest unit test, integration test, Playwright E2E, MSW mock. Coverage > 80%, chạy song song, không flaky.

Vibe Coding Memory Engine — dùng khi cần tra cứu/lưu knowledge project. Tự động load ở mỗi session.

Virtual Office — VSCode extension sidebar visualization with 2D cartoon agents in office environment. Real-time 4-tier architecture visualization.

Live preview real-time cho game HTML5 (Phaser 2D, Three.js 3D, Isometric) — Vite HMR, hot-reload khi code thay đổi, browser auto-open. Dùng sau khi code xong feature, trước polish pipeline.

Prompt engineering production — template system, versioning, A/B test, injection defense, cost-aware prompting.

RAG pipeline production — ingestion, chunking chiến lược, embedding, hybrid search, rerank. Không index trùng, search dưới 200ms.

Game 2D với Phaser 3 — player, enemy, bullet pool, tilemap, HUD, animation. 60 FPS, object pool cho đạn/enemy.

Game 3D với Three.js — lighting, FPS/TPS camera, shooting, enemy AI, LOD, instancing. 60 FPS, draw calls < 200.

Free game assets + auto-download. 2D sprites, 3D models, 2.5D tiles, sounds, fonts. Animation-ready — idle/run/jump/attack/hurt/death states.

Audio game — Web Audio API pool, spatial 3D, dynamic compression, format fallback. Không memory leak, tự động GC.

Game engine core — fixed-timestep loop, scene manager, asset loader, input handling. Nền tảng cho mọi thể loại game H5.

Game deploy pipeline — GitHub Pages, Itch.io Butler, Vercel. CI/CD tự động, zero-downtime, PWA-ready.

Game 2.5D Isometric — tile engine, coordinate conversion, depth sort, fog of war, pathfinding A*. Tối ưu cho map lớn 100×100.

Performance optimization cho game H5 — object pool, instancing, LOD, GC tuning, profiling. 60 FPS trên mobile.

Physics & collision — AABB, spatial hash, raycast, response. Tối ưu cho hàng ngàn object, không overshoot.

PWA for game — manifest, service worker, offline support, app icons, install prompt. Game load < 3s trên 3G.

Game testing production — Vitest config, headless Phaser/Three.js test helpers, E2E game test patterns, performance benchmark, memory leak detection.