SkillFoxx

Type a name, a task or a service

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

Skill

Medium risk

We rate an entry medium when the tool runs code, makes network calls or reads project files. Check what exactly it does before installing.

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
All reasons and checks

majidmanzarpour/threejs-game-skillsAuthor:Majid Manzarpour

Install

In your terminal, with SkillFoxx CLI

npx skillfoxx add skills/three-js-game-skills

Detects the agents on your machine, checks the risk and pins the version.

Other ways to install

Assembled automatically, review before installing.

Run in a terminal in the project folder

npx skills add majidmanzarpour/threejs-game-skills --skill threejs-3d-generator threejs-aaa-graphics-builder threejs-audio-generator threejs-debug-profiler threejs-game-director threejs-game-ui-designer threejs-gameplay-systems threejs-image-generator threejs-qa-release -a claude-code -y

The skills tool installs the current version from the repository. Add the -g flag to use the skill in every project.

Without third-party tools, from commit e5f301d
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/majidmanzarpour/threejs-game-skills.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/threejs-3d-generator/ /skills/threejs-aaa-graphics-builder/ /skills/threejs-audio-generator/ /skills/threejs-debug-profiler/ /skills/threejs-game-director/ /skills/threejs-game-ui-designer/ /skills/threejs-gameplay-systems/ /skills/threejs-image-generator/ /skills/threejs-qa-release/
git -C "$tmp" checkout e5f301d548bb18c530afbece78cd25082f4cda9c
mkdir -p .claude/skills
cp -R "$tmp/skills/threejs-3d-generator" .claude/skills/threejs-3d-generator
cp -R "$tmp/skills/threejs-aaa-graphics-builder" .claude/skills/threejs-aaa-graphics-builder
cp -R "$tmp/skills/threejs-audio-generator" .claude/skills/threejs-audio-generator
cp -R "$tmp/skills/threejs-debug-profiler" .claude/skills/threejs-debug-profiler
cp -R "$tmp/skills/threejs-game-director" .claude/skills/threejs-game-director
cp -R "$tmp/skills/threejs-game-ui-designer" .claude/skills/threejs-game-ui-designer
cp -R "$tmp/skills/threejs-gameplay-systems" .claude/skills/threejs-gameplay-systems
cp -R "$tmp/skills/threejs-image-generator" .claude/skills/threejs-image-generator
cp -R "$tmp/skills/threejs-qa-release" .claude/skills/threejs-qa-release

Commands for macOS and Linux, on Windows run them in Git Bash.

Run in a terminal in the project folder

npx skills add majidmanzarpour/threejs-game-skills --skill threejs-3d-generator threejs-aaa-graphics-builder threejs-audio-generator threejs-debug-profiler threejs-game-director threejs-game-ui-designer threejs-gameplay-systems threejs-image-generator threejs-qa-release -a cursor -y

The skills tool installs the current version from the repository. Add the -g flag to use the skill in every project.

Without third-party tools, from commit e5f301d
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/majidmanzarpour/threejs-game-skills.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/threejs-3d-generator/ /skills/threejs-aaa-graphics-builder/ /skills/threejs-audio-generator/ /skills/threejs-debug-profiler/ /skills/threejs-game-director/ /skills/threejs-game-ui-designer/ /skills/threejs-gameplay-systems/ /skills/threejs-image-generator/ /skills/threejs-qa-release/
git -C "$tmp" checkout e5f301d548bb18c530afbece78cd25082f4cda9c
mkdir -p .agents/skills
cp -R "$tmp/skills/threejs-3d-generator" .agents/skills/threejs-3d-generator
cp -R "$tmp/skills/threejs-aaa-graphics-builder" .agents/skills/threejs-aaa-graphics-builder
cp -R "$tmp/skills/threejs-audio-generator" .agents/skills/threejs-audio-generator
cp -R "$tmp/skills/threejs-debug-profiler" .agents/skills/threejs-debug-profiler
cp -R "$tmp/skills/threejs-game-director" .agents/skills/threejs-game-director
cp -R "$tmp/skills/threejs-game-ui-designer" .agents/skills/threejs-game-ui-designer
cp -R "$tmp/skills/threejs-gameplay-systems" .agents/skills/threejs-gameplay-systems
cp -R "$tmp/skills/threejs-image-generator" .agents/skills/threejs-image-generator
cp -R "$tmp/skills/threejs-qa-release" .agents/skills/threejs-qa-release

Commands for macOS and Linux, on Windows run them in Git Bash.

Run in a terminal in the project folder

npx skills add majidmanzarpour/threejs-game-skills --skill threejs-3d-generator threejs-aaa-graphics-builder threejs-audio-generator threejs-debug-profiler threejs-game-director threejs-game-ui-designer threejs-gameplay-systems threejs-image-generator threejs-qa-release -a github-copilot -y

The skills tool installs the current version from the repository. Add the -g flag to use the skill in every project.

Without third-party tools, from commit e5f301d
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/majidmanzarpour/threejs-game-skills.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/threejs-3d-generator/ /skills/threejs-aaa-graphics-builder/ /skills/threejs-audio-generator/ /skills/threejs-debug-profiler/ /skills/threejs-game-director/ /skills/threejs-game-ui-designer/ /skills/threejs-gameplay-systems/ /skills/threejs-image-generator/ /skills/threejs-qa-release/
git -C "$tmp" checkout e5f301d548bb18c530afbece78cd25082f4cda9c
mkdir -p .github/skills
cp -R "$tmp/skills/threejs-3d-generator" .github/skills/threejs-3d-generator
cp -R "$tmp/skills/threejs-aaa-graphics-builder" .github/skills/threejs-aaa-graphics-builder
cp -R "$tmp/skills/threejs-audio-generator" .github/skills/threejs-audio-generator
cp -R "$tmp/skills/threejs-debug-profiler" .github/skills/threejs-debug-profiler
cp -R "$tmp/skills/threejs-game-director" .github/skills/threejs-game-director
cp -R "$tmp/skills/threejs-game-ui-designer" .github/skills/threejs-game-ui-designer
cp -R "$tmp/skills/threejs-gameplay-systems" .github/skills/threejs-gameplay-systems
cp -R "$tmp/skills/threejs-image-generator" .github/skills/threejs-image-generator
cp -R "$tmp/skills/threejs-qa-release" .github/skills/threejs-qa-release

Commands for macOS and Linux, on Windows run them in Git Bash.

Run in a terminal in the project folder

npx skills add majidmanzarpour/threejs-game-skills --skill threejs-3d-generator threejs-aaa-graphics-builder threejs-audio-generator threejs-debug-profiler threejs-game-director threejs-game-ui-designer threejs-gameplay-systems threejs-image-generator threejs-qa-release -a codex -y

The skills tool installs the current version from the repository. Add the -g flag to use the skill in every project.

Without third-party tools, from commit e5f301d
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/majidmanzarpour/threejs-game-skills.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/threejs-3d-generator/ /skills/threejs-aaa-graphics-builder/ /skills/threejs-audio-generator/ /skills/threejs-debug-profiler/ /skills/threejs-game-director/ /skills/threejs-game-ui-designer/ /skills/threejs-gameplay-systems/ /skills/threejs-image-generator/ /skills/threejs-qa-release/
git -C "$tmp" checkout e5f301d548bb18c530afbece78cd25082f4cda9c
mkdir -p .agents/skills
cp -R "$tmp/skills/threejs-3d-generator" .agents/skills/threejs-3d-generator
cp -R "$tmp/skills/threejs-aaa-graphics-builder" .agents/skills/threejs-aaa-graphics-builder
cp -R "$tmp/skills/threejs-audio-generator" .agents/skills/threejs-audio-generator
cp -R "$tmp/skills/threejs-debug-profiler" .agents/skills/threejs-debug-profiler
cp -R "$tmp/skills/threejs-game-director" .agents/skills/threejs-game-director
cp -R "$tmp/skills/threejs-game-ui-designer" .agents/skills/threejs-game-ui-designer
cp -R "$tmp/skills/threejs-gameplay-systems" .agents/skills/threejs-gameplay-systems
cp -R "$tmp/skills/threejs-image-generator" .agents/skills/threejs-image-generator
cp -R "$tmp/skills/threejs-qa-release" .agents/skills/threejs-qa-release

Commands for macOS and Linux, on Windows run them in Git Bash.

Run in a terminal in the project folder

npx skills add majidmanzarpour/threejs-game-skills --skill threejs-3d-generator threejs-aaa-graphics-builder threejs-audio-generator threejs-debug-profiler threejs-game-director threejs-game-ui-designer threejs-gameplay-systems threejs-image-generator threejs-qa-release -a gemini-cli -y

The skills tool installs the current version from the repository. Add the -g flag to use the skill in every project.

Without third-party tools, from commit e5f301d
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/majidmanzarpour/threejs-game-skills.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/threejs-3d-generator/ /skills/threejs-aaa-graphics-builder/ /skills/threejs-audio-generator/ /skills/threejs-debug-profiler/ /skills/threejs-game-director/ /skills/threejs-game-ui-designer/ /skills/threejs-gameplay-systems/ /skills/threejs-image-generator/ /skills/threejs-qa-release/
git -C "$tmp" checkout e5f301d548bb18c530afbece78cd25082f4cda9c
mkdir -p .agents/skills
cp -R "$tmp/skills/threejs-3d-generator" .agents/skills/threejs-3d-generator
cp -R "$tmp/skills/threejs-aaa-graphics-builder" .agents/skills/threejs-aaa-graphics-builder
cp -R "$tmp/skills/threejs-audio-generator" .agents/skills/threejs-audio-generator
cp -R "$tmp/skills/threejs-debug-profiler" .agents/skills/threejs-debug-profiler
cp -R "$tmp/skills/threejs-game-director" .agents/skills/threejs-game-director
cp -R "$tmp/skills/threejs-game-ui-designer" .agents/skills/threejs-game-ui-designer
cp -R "$tmp/skills/threejs-gameplay-systems" .agents/skills/threejs-gameplay-systems
cp -R "$tmp/skills/threejs-image-generator" .agents/skills/threejs-image-generator
cp -R "$tmp/skills/threejs-qa-release" .agents/skills/threejs-qa-release

Commands for macOS and Linux, on Windows run them in Git Bash.

Run in a terminal in the project folder

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/majidmanzarpour/threejs-game-skills.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/threejs-3d-generator/ /skills/threejs-aaa-graphics-builder/ /skills/threejs-audio-generator/ /skills/threejs-debug-profiler/ /skills/threejs-game-director/ /skills/threejs-game-ui-designer/ /skills/threejs-gameplay-systems/ /skills/threejs-image-generator/ /skills/threejs-qa-release/
git -C "$tmp" checkout e5f301d548bb18c530afbece78cd25082f4cda9c
mkdir -p .devin/skills
cp -R "$tmp/skills/threejs-3d-generator" .devin/skills/threejs-3d-generator
cp -R "$tmp/skills/threejs-aaa-graphics-builder" .devin/skills/threejs-aaa-graphics-builder
cp -R "$tmp/skills/threejs-audio-generator" .devin/skills/threejs-audio-generator
cp -R "$tmp/skills/threejs-debug-profiler" .devin/skills/threejs-debug-profiler
cp -R "$tmp/skills/threejs-game-director" .devin/skills/threejs-game-director
cp -R "$tmp/skills/threejs-game-ui-designer" .devin/skills/threejs-game-ui-designer
cp -R "$tmp/skills/threejs-gameplay-systems" .devin/skills/threejs-gameplay-systems
cp -R "$tmp/skills/threejs-image-generator" .devin/skills/threejs-image-generator
cp -R "$tmp/skills/threejs-qa-release" .devin/skills/threejs-qa-release

Commands for macOS and Linux, on Windows run them in Git Bash.

Formerly Windsurf.

Run in a terminal in the project folder

npx skills add majidmanzarpour/threejs-game-skills --skill threejs-3d-generator threejs-aaa-graphics-builder threejs-audio-generator threejs-debug-profiler threejs-game-director threejs-game-ui-designer threejs-gameplay-systems threejs-image-generator threejs-qa-release -a cline -y

The skills tool installs the current version from the repository. Add the -g flag to use the skill in every project.

Without third-party tools, from commit e5f301d
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/majidmanzarpour/threejs-game-skills.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/threejs-3d-generator/ /skills/threejs-aaa-graphics-builder/ /skills/threejs-audio-generator/ /skills/threejs-debug-profiler/ /skills/threejs-game-director/ /skills/threejs-game-ui-designer/ /skills/threejs-gameplay-systems/ /skills/threejs-image-generator/ /skills/threejs-qa-release/
git -C "$tmp" checkout e5f301d548bb18c530afbece78cd25082f4cda9c
mkdir -p .cline/skills
cp -R "$tmp/skills/threejs-3d-generator" .cline/skills/threejs-3d-generator
cp -R "$tmp/skills/threejs-aaa-graphics-builder" .cline/skills/threejs-aaa-graphics-builder
cp -R "$tmp/skills/threejs-audio-generator" .cline/skills/threejs-audio-generator
cp -R "$tmp/skills/threejs-debug-profiler" .cline/skills/threejs-debug-profiler
cp -R "$tmp/skills/threejs-game-director" .cline/skills/threejs-game-director
cp -R "$tmp/skills/threejs-game-ui-designer" .cline/skills/threejs-game-ui-designer
cp -R "$tmp/skills/threejs-gameplay-systems" .cline/skills/threejs-gameplay-systems
cp -R "$tmp/skills/threejs-image-generator" .cline/skills/threejs-image-generator
cp -R "$tmp/skills/threejs-qa-release" .cline/skills/threejs-qa-release

Commands for macOS and Linux, on Windows run them in Git Bash.

Run in a terminal in the project folder

npx skills add majidmanzarpour/threejs-game-skills --skill threejs-3d-generator threejs-aaa-graphics-builder threejs-audio-generator threejs-debug-profiler threejs-game-director threejs-game-ui-designer threejs-gameplay-systems threejs-image-generator threejs-qa-release -a roo -y

The skills tool installs the current version from the repository. Add the -g flag to use the skill in every project.

Without third-party tools, from commit e5f301d
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/majidmanzarpour/threejs-game-skills.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/threejs-3d-generator/ /skills/threejs-aaa-graphics-builder/ /skills/threejs-audio-generator/ /skills/threejs-debug-profiler/ /skills/threejs-game-director/ /skills/threejs-game-ui-designer/ /skills/threejs-gameplay-systems/ /skills/threejs-image-generator/ /skills/threejs-qa-release/
git -C "$tmp" checkout e5f301d548bb18c530afbece78cd25082f4cda9c
mkdir -p .roo/skills
cp -R "$tmp/skills/threejs-3d-generator" .roo/skills/threejs-3d-generator
cp -R "$tmp/skills/threejs-aaa-graphics-builder" .roo/skills/threejs-aaa-graphics-builder
cp -R "$tmp/skills/threejs-audio-generator" .roo/skills/threejs-audio-generator
cp -R "$tmp/skills/threejs-debug-profiler" .roo/skills/threejs-debug-profiler
cp -R "$tmp/skills/threejs-game-director" .roo/skills/threejs-game-director
cp -R "$tmp/skills/threejs-game-ui-designer" .roo/skills/threejs-game-ui-designer
cp -R "$tmp/skills/threejs-gameplay-systems" .roo/skills/threejs-gameplay-systems
cp -R "$tmp/skills/threejs-image-generator" .roo/skills/threejs-image-generator
cp -R "$tmp/skills/threejs-qa-release" .roo/skills/threejs-qa-release

Commands for macOS and Linux, on Windows run them in Git Bash.

A fork of Roo Code, same .roo folders.

Run in a terminal in the project folder

npx skills add majidmanzarpour/threejs-game-skills --skill threejs-3d-generator threejs-aaa-graphics-builder threejs-audio-generator threejs-debug-profiler threejs-game-director threejs-game-ui-designer threejs-gameplay-systems threejs-image-generator threejs-qa-release -a opencode -y

The skills tool installs the current version from the repository. Add the -g flag to use the skill in every project.

Without third-party tools, from commit e5f301d
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/majidmanzarpour/threejs-game-skills.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/threejs-3d-generator/ /skills/threejs-aaa-graphics-builder/ /skills/threejs-audio-generator/ /skills/threejs-debug-profiler/ /skills/threejs-game-director/ /skills/threejs-game-ui-designer/ /skills/threejs-gameplay-systems/ /skills/threejs-image-generator/ /skills/threejs-qa-release/
git -C "$tmp" checkout e5f301d548bb18c530afbece78cd25082f4cda9c
mkdir -p .agents/skills
cp -R "$tmp/skills/threejs-3d-generator" .agents/skills/threejs-3d-generator
cp -R "$tmp/skills/threejs-aaa-graphics-builder" .agents/skills/threejs-aaa-graphics-builder
cp -R "$tmp/skills/threejs-audio-generator" .agents/skills/threejs-audio-generator
cp -R "$tmp/skills/threejs-debug-profiler" .agents/skills/threejs-debug-profiler
cp -R "$tmp/skills/threejs-game-director" .agents/skills/threejs-game-director
cp -R "$tmp/skills/threejs-game-ui-designer" .agents/skills/threejs-game-ui-designer
cp -R "$tmp/skills/threejs-gameplay-systems" .agents/skills/threejs-gameplay-systems
cp -R "$tmp/skills/threejs-image-generator" .agents/skills/threejs-image-generator
cp -R "$tmp/skills/threejs-qa-release" .agents/skills/threejs-qa-release

Commands for macOS and Linux, on Windows run them in Git Bash.

Run in a terminal in the project folder

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/majidmanzarpour/threejs-game-skills.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/threejs-3d-generator/ /skills/threejs-aaa-graphics-builder/ /skills/threejs-audio-generator/ /skills/threejs-debug-profiler/ /skills/threejs-game-director/ /skills/threejs-game-ui-designer/ /skills/threejs-gameplay-systems/ /skills/threejs-image-generator/ /skills/threejs-qa-release/
git -C "$tmp" checkout e5f301d548bb18c530afbece78cd25082f4cda9c
mkdir -p .agents/skills
cp -R "$tmp/skills/threejs-3d-generator" .agents/skills/threejs-3d-generator
cp -R "$tmp/skills/threejs-aaa-graphics-builder" .agents/skills/threejs-aaa-graphics-builder
cp -R "$tmp/skills/threejs-audio-generator" .agents/skills/threejs-audio-generator
cp -R "$tmp/skills/threejs-debug-profiler" .agents/skills/threejs-debug-profiler
cp -R "$tmp/skills/threejs-game-director" .agents/skills/threejs-game-director
cp -R "$tmp/skills/threejs-game-ui-designer" .agents/skills/threejs-game-ui-designer
cp -R "$tmp/skills/threejs-gameplay-systems" .agents/skills/threejs-gameplay-systems
cp -R "$tmp/skills/threejs-image-generator" .agents/skills/threejs-image-generator
cp -R "$tmp/skills/threejs-qa-release" .agents/skills/threejs-qa-release

Commands for macOS and Linux, on Windows run them in Git Bash.

Run in a terminal in the project folder

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/majidmanzarpour/threejs-game-skills.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/threejs-3d-generator/ /skills/threejs-aaa-graphics-builder/ /skills/threejs-audio-generator/ /skills/threejs-debug-profiler/ /skills/threejs-game-director/ /skills/threejs-game-ui-designer/ /skills/threejs-gameplay-systems/ /skills/threejs-image-generator/ /skills/threejs-qa-release/
git -C "$tmp" checkout e5f301d548bb18c530afbece78cd25082f4cda9c
mkdir -p .agents/skills
cp -R "$tmp/skills/threejs-3d-generator" .agents/skills/threejs-3d-generator
cp -R "$tmp/skills/threejs-aaa-graphics-builder" .agents/skills/threejs-aaa-graphics-builder
cp -R "$tmp/skills/threejs-audio-generator" .agents/skills/threejs-audio-generator
cp -R "$tmp/skills/threejs-debug-profiler" .agents/skills/threejs-debug-profiler
cp -R "$tmp/skills/threejs-game-director" .agents/skills/threejs-game-director
cp -R "$tmp/skills/threejs-game-ui-designer" .agents/skills/threejs-game-ui-designer
cp -R "$tmp/skills/threejs-gameplay-systems" .agents/skills/threejs-gameplay-systems
cp -R "$tmp/skills/threejs-image-generator" .agents/skills/threejs-image-generator
cp -R "$tmp/skills/threejs-qa-release" .agents/skills/threejs-qa-release

Commands for macOS and Linux, on Windows run them in Git Bash.

You will need: Node.js

Checked against the repository on Sep 26, 2026, commit e5f301d.

Text for your agent

Install the skills for Claude Code: npx skills add majidmanzarpour/threejs-game-skills --skill '*' -a claude-code -g -y. For Codex replace -a claude-code with -a codex. Then, in an empty project folder, call threejs-game-director and describe the game you want.

Other ways from the author
npx skills add majidmanzarpour/threejs-game-skills --skill '*' -a claude-code -g -y

Global install of all skills for Claude Code.

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 UI

Limitations

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.

Security check

  • 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

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.

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.

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.

Editors’ pick

A skills library that gives coding agents a development process: brainstorming, planning, TDD, subagents and code review

PluginMedium riskNo VPN needed292.5K
Editors’ pick

Small composable skills for engineering with agents: plan grilling, TDD, bug diagnosis, code review and architecture

SkillLow risk271.4K
Editors’ pick

GitHub toolkit for spec-driven development: the specify CLI adds agent commands and skills to a project, from principles to implementation

CLIMedium riskNo VPN needed139.3K

Reference MCP servers

Model Context Protocol servers

Official

Official reference MCP servers: Filesystem, Fetch, Git, Memory, Sequential Thinking, Time and Everything

MCP serverMedium risk90.6K
Foxx AIThree.js Game Skills

I am Foxx AI and I have already vetted this tool. Ask about install, setup or anything else, and I will keep it simple.