Rebuilds an object from one reference image as procedural, animation-ready Three.js TypeScript code, not a mesh file.
majidmanzarpour/threejs-game-skills
A pack of nine Codex and Claude Code agent skills for building playable, polished Three.js browser games, with a director skill that routes the work.
- Stars
- 2,541
- Forks
- 252
- Open issues
- 5
- Last commit
- 23 days ago
What is it?
Three.js Game Skills is a set of agent skills for Codex and Claude Code aimed at building browser games with Three.js. The entry point is threejs-game-director, which routes requests to specialist skills covering gameplay systems, graphics, UI, debugging, QA and release, plus 3D, image and audio asset generation. Each skill folder bundles its own SKILL.md, references, helper scripts and assets.
The package includes a Vite + TypeScript + Three.js scaffold. Generated games come with deterministic test hooks, a seeded RNG, and Playwright templates for smoke tests, visual-regression baselines and bot playtests, so an agent can check its own work in a browser. A canvas inspection helper reports pixel metrics and render-budget data, and an evidence checker validates a declared set of screenshots against a run ID.
External asset generation is optional. Tripo handles 3D models, Gemini handles images and ElevenLabs handles audio, each through its own API key. When keys are missing, the director falls back to procedural assets and reports the limitation.
Key features
- 01Director skill routes broad game requests to specialist skills for gameplay, graphics, UI, debugging and release.
- 02Ships a Vite + TypeScript + Three.js game scaffold with deterministic test hooks and a seeded RNG.
- 03Includes Playwright templates for smoke tests, visual-regression baselines and bot playtests.
- 04Provides a canvas inspection script that reports pixel metrics and render-budget data.
- 05Optional Tripo, Gemini and ElevenLabs integrations generate 3D models, images and audio.
Use cases
- Building a browser game from an empty folder with an AI coding agent in Codex or Claude Code.
- Upgrading the visuals, HUD or mobile controls of an existing Three.js prototype.
- Adding automated browser tests and screenshot baselines to a Three.js game project.
- Generating game-ready 3D models, textures or sound effects through external providers when keys are available.
Quick start
- 1
Install all skills for Codex
npx skills add majidmanzarpour/threejs-game-skills --skill '*' -a codex -g -y - 2
Install all skills for Claude Code
npx skills add majidmanzarpour/threejs-game-skills --skill '*' -a claude-code -g -y - 3
Open Codex or Claude Code in a project folder and prompt it to use threejs-game-director to build your game
Things to know
- Works with Codex and Claude Code agents only, not as a standalone game engine.
- Some asset generation features need paid API keys for Tripo, Gemini, or ElevenLabs; otherwise the agent falls back to procedural assets.
Topics
FAQ
- What is threejs-game-skills?
- A pack of nine Codex and Claude Code agent skills for building playable, polished Three.js browser games, with a director skill that routes the work. Three.js Game Skills is a set of agent skills for Codex and Claude Code aimed at building browser games with Three.js. The entry point is threejs-game-director, which routes requests to specialist skills covering gameplay systems, graphics, UI, debugging, QA and release, plus 3D, image and audio asset generation. Each skill folder bundles its own SKILL.md, references, helper scripts and assets.
- Is threejs-game-skills free to use? What license does it have?
- threejs-game-skills is open source under the MIT license. Check the license terms before using it in commercial products.
- Is threejs-game-skills still maintained?
- Actively maintained. The last commit to threejs-game-skills was on Sep 28, 2026.
- What can I use threejs-game-skills for?
- Building a browser game from an empty folder with an AI coding agent in Codex or Claude Code. Upgrading the visuals, HUD or mobile controls of an existing Three.js prototype. Adding automated browser tests and screenshot baselines to a Three.js game project. Generating game-ready 3D models, textures or sound effects through external providers when keys are available.
- How do I install threejs-game-skills?
- Install all skills for Codex: npx skills add majidmanzarpour/threejs-game-skills --skill '*' -a codex -g -y Install all skills for Claude Code: npx skills add majidmanzarpour/threejs-game-skills --skill '*' -a claude-code -g -y Open Codex or Claude Code in a project folder and prompt it to use threejs-game-director to build your game
- Where can I get threejs-game-skills?
- The source code and installation instructions are on GitHub: https://github.com/majidmanzarpour/threejs-game-skills
Summary generated by AI from the project's README. GitHub stats refresh daily.
Related projects
An offline-capable interactive web app that reconstructs the local night sky in the browser for any place and time.
A fast 2D rendering library for the web that draws graphics, sprites and text with WebGL and WebGPU.
Open-source, local-first 3D building editor built on React Three Fiber and WebGPU, usable in the browser or from a CLI with MCP tools for AI agents.
A collection of 74 game-development skill files for AI coding agents, with a router that loads the right engine and task skills.
A Three.js and GLSL sandbox for tuning game-style skillshot visual effects, with live sliders that stay editable while the simulation is paused.