Skill pack — Maker

Browser Game Developer

Game loops, input, audio, saves and silky performance for games that run in the browser.

What you get

browser-game-architect161 lines
Designs the core architecture of browser games: fixed-timestep loop, scene state machine, entity organisation, asset pipeline, resolution handling and versioned save systems. Use when starting or restructuring a Canvas 2D, WebGL/three.js or DOM point-and-click game, or when fixing jitter, speed-up after tab switch, broken saves or blurry canvases.
game-input-audio-engineer134 lines
Builds layout-independent, remappable input (keyboard, pointer, touch, gamepad) and a Web Audio system with buses, pooling and autoplay-safe start-up for browser games, plus accessibility options. Use when adding controls, touch UI, gamepad support, input buffering or coyote time, sound and music, or when audio is silent, keys fail on AZERTY, or the page scrolls during play.
game-performance-engineer133 lines
Profiles and optimises browser games for steady frame times: frame budgets, GC-free loops, pooling, draw-call batching, layer caching, WebGL/three.js resource management, spatial partitioning, workers, asset budgets and adaptive quality. Use when a Canvas or WebGL game stutters, drops frames, heats up phones, has long load times, or before shipping to itch.io or the web.

Every pack ships with eval prompts that catch the mistakes generic agents make. A few of the 14 scenarios:

Checking access…