Three.js Game Skills
A set of skills for building playable Three.js browser games: gameplay, AAA-style graphics, UI, asset generation, audio, debugging and release checks
- 2,797 ★ on the repository
- Last commit
- MIT
Extended access
Why this level
- The skills create and change game code in the project and run builds and browser checks
- Asset generation, when keys are set, calls third-party services
Install
- Works in
In your terminal, with SkillFoxx CLI
npx skillfoxx add skills/three-js-game-skillsDetects the agents on your machine, shows the access level and pins the version.
Other ways to install
Access and checks
How we reviewExtended accessThe tool runs code or makes network calls and only reads external data.
- The skills create and change game code in the project and run builds and browser checks
- Asset generation, when keys are set, calls third-party services
This is third-party code. Review the repository files before installing.
What it does
The set of nine skills helps the agent build Three.js browser games from a playable loop to release checks. The entry point is the director skill threejs-game-director: it keeps the task scope and art direction and pulls in the specialist skills for gameplay, graphics, UI, 3D, image and audio generation, debugging and QA. It bundles references, helper scripts and a Vite plus TypeScript plus Three.js scaffold with deterministic test hooks, a seeded RNG and Playwright templates for smoke tests, visual regression and bot playtests. The depth of checks scales to the change: a full game gets a complete production pass, a small UI fix only what it needs. It works in both Claude Code and Codex, and no particular model or paid key is required.
Who it is for. For developers and designers building Three.js browser games with an agent.
Good fit when
- You need to build a Three.js browser game from scratch to a playable loop
- You need to raise the graphics, UI or game feel to a higher level
- You need to verify a finished game: build, input, screenshots, supported viewports
Not a fit when
- The task is not about a game or Three.js
- You need a native game rather than a browser WebGL one
Example request
Use threejs-game-director to build a playable Three.js arcade racer, then polish the graphics and UILimitations
Games are browser-based, on Three.js and WebGL. The core skills work without paid keys: when keys are missing the director continues on procedural and local assets and reports the limit. Generating external 3D models, images and audio needs third-party service keys such as Tripo (TRIPO_API_KEY) and Gemini (GEMINI_API_KEY); those services are not reachable from Russia without a VPN. Delegating parts of the work to separate workers depends on the agent's own capabilities; without them the work proceeds directly. Node.js and a skill-capable runtime are required.
How to disable. Remove the threejs-* skill folders from the agent's skills directory: ~/.claude/skills/ for Claude Code or ~/.agents/skills/ for Codex. For a clone install, use ./install.sh per the repository's documentation.
FAQ
Do I need paid keys?
No for the core build. Tripo, Gemini and OpenAI keys are only needed to generate external 3D models, images and audio. Without them the director works on procedural and local assets.
How do I pick skills?
Usually you don't. The threejs-game-director skill pulls in gameplay, graphics, UI, generation, debug and QA skills for the task at hand.
Discussion
No questions or reviews yet.
Related
SkillsA set of game-dev skills for AI agents with a router that picks the right ones for the engine and task
A scaffold for AI game development: 43 agents, 67 commands and 109 skills for Unity, Unreal, Godot and HTML5.
A personal skill collection for game development: architecture, balance, image and video generation, 3D models and shaders.
A plugin that builds browser 2D and 3D games from an idea: pixel art, audio, Playwright checks and publishing in one pipeline.
Official Unity skill set for agents: editor control, builds, 2D and 3D, UI, URP, audio, multiplayer and monetization
Autonomous game development for Godot, Bevy and Babylon.js: the agent writes code, generates assets, runs the engine and judges the result from the game
README in short
The README describes a pack of nine skills for Codex and Claude Code that build playable Three.js browser games. The threejs-game-director skill routes work across gameplay, graphics, UI, asset generation, audio, debugging and release checks while preserving the task scope and art direction. It bundles references, scripts and a Vite plus TypeScript scaffold with test hooks and Playwright templates. It installs via npx skills add or from a clone through install.sh, with no particular model or paid key required. The README includes a table of optional keys for external model, image and audio generation. MIT licensed.
README badge
Original SKILL.md
--- name: threejs-game-director description: "Entrypoint for building, upgrading, and finishing Three.js browser games. Routes work across the sibling threejs-* skills for gameplay, graphics, UI, 3D/image/audio asset generation, debugging, and release. Use for build-a-game, upgrade, polish, premium, AAA, high-fidelity, showcase, from-scratch, endless runner, arcade, action, and release-ready requests." --- # Three.js Game Director Own the end-to-end game outcome: a playable loop first, then the visual and interface depth the request actually asked for, then browser evidence that it works. ## Scope The user's own words set the bar. "Make a small arcade game" is not a request for the full premium pipeline. The user's scope, art style, constraints, and prior decisions override skill defaults.