Repolode
majidmanzarpour

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. 1

    Install all skills for Codex

    npx skills add majidmanzarpour/threejs-game-skills --skill '*' -a codex -g -y
  2. 2

    Install all skills for Claude Code

    npx skills add majidmanzarpour/threejs-game-skills --skill '*' -a claude-code -g -y
  3. 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