What problem does it solve? Turning a Three.js scene into an actual playable game requires coordinated work across architecture, input, physics, level design, and game feel, and prototypes often end up as static demos with mechanics bolted on afterward. This Skill enforces a design-first workflow that produces a verified playable loop instead of a decorative scene. ## Core Features & Use Cases - Scaffolded Game Creation: Generates a self-contained Vite + TypeScript + Three.js starter game via a bundled script, complete with HUD, touch controls, Playwright visual tests, and a canvas-inspection tool. - Design-First Workflow: Requires a game design brief, core loop contract, and level/encounter plan before implementation, with checklists gating any claim that gameplay is complete or polished. - Physics and Game Feel Guidance: Provides decision rules for custom collision vs Rapier vs cannon-es, plus copy-pasteable code for hitstop, trauma-based screenshake, squash-and-stretch, FOV punch, and deterministic seeded randomness. - Use Case: Ask for a new endless runner or mini-golf prototype; the Skill scaffolds the project, defines the core loop and level plan, implements input/entities/collision/HUD, tunes feel, and verifies with build, browser run, screenshots, and canvas pixel checks. ## Quick Start Ask the AI to use the threejs-gameplay-systems skill to create a new playable Three.js game in a folder named my-game and verify it runs in the browser.
