Three.js Game Skills
majidmanzarpour/threejs-game-skills · MIT · 66 entries
Nine agent skills for building three.js browser games. With them come a Vite starter, a shader and material cookbook, game-feel code, a headless canvas inspector, and helper scripts for three paid asset services.
- Get it
npx skills add majidmanzarpour/threejs-game-skills --skill '*' -a claude-code -g -yFor Codex, use -a codex.
- Needs
Nothing to read the skills. To run what they build: Node and npm, Python 3 for the helper scripts, and Chromium through Playwright for the inspector and tests. Optional and paid: Tripo, Gemini and ElevenLabs keys for the three generator skills.
- Sends off your machine
Nothing by itself. Three helper scripts call paid services when an agent runs them with a key: prompts and local images go to Tripo and to Google's Gemini, and prompts, text and audio files go to ElevenLabs. The director skill tells the agent to use those services by default for "premium" requests when the keys are set.
- We watched it run
Every recipe in the shader and material cookbook compiled and drew on the first run: nine materials on nine balls, a rim glow, swaying grass, a dissolve, a sky dome, bloom.

Driven by one number instead of the clock, the cookbook scene gave the same picture every time. So its shaders can be rendered frame by frame. 120 frames took 99 seconds with software rendering.
The starter built in 0.2 seconds and drew a small arena game that answered the keys. As shipped it is not frame-exact: its loop reads the browser's clock.

- Not tried here
The three generator scripts and everything that needs a paid key, the canvas inspector, the tests and the game-feel code were read, not run. Nothing was tried inside Remotion.
- License
MIT
Nothing third-party is bundled. What the three paid services return falls under those services' terms.
Everything in it
Showing 5 of 66Show everything
Agent skills
- Evidence manifest formatA small JSON format that declares which viewport and state pairs one verification pass must capture, with a run id, so old screenshots…
- Genre design patternsShort design vocabulary for eight game genres (endless runner, arcade racer, dogfight, tower defense, billiards, mini golf, boss fight…
- Modelling and world recipesParts lists for building convincing models from three.js geometry alone: a hero vehicle, a hero character, obstacle families, rewards and a…
- Render budgets and material kitStarting budgets for a browser 3D scene on desktop and phone (draw calls 300 and 150, triangles 750k and 300k, textures 60 and 40, shadow…
- Visual scorecardA ten-category rubric for judging a real-time 3D picture from 0 to 3 (art direction, hero, obstacles, rewards, world, materials, lighting…