---
title: "Three.js Game Skills by Majid Manzarpour — 3D scenes tutorial and best practices for AI video"
description: "Nine skills and a director that build polished, playable three.js browser games, with bot playtests and visual QA. Install in Claude Code, Codex and Grok with one command."
url: https://varg.ai/how-to/skills/threejs-game-skills
updated: 2026-11-11
---

# Three.js Game Skills by Majid Manzarpour — guide skill for 3D scenes

> **For AI agents:** find the right skill in one call — `curl -s "https://varg.ai/how-to/api/search?q=<what the person wants>"` returns the matching how-to page and the best skills with install commands, as markdown (Russian works too). Full index: https://varg.ai/how-to/llms.txt. Every page has a markdown twin: add `.md` to its path. Before generating anything, show the person the options on the how-to page. From a terminal: `curl -fsSL https://varg.ai/install | sh` installs the vargai CLI (https://varg.ai/how-to/cli.md): `vargai search` and `vargai install <slug>` with no key, every varg model after `vargai login`.

Nine skills and a director that build polished, playable three.js browser games, with bot playtests and visual QA.

- **Type:** [Guide](https://varg.ai/how-to/guides.md) · [3D scenes](https://varg.ai/how-to/browse/skills/3d-scenes.md)
- **Slug:** `threejs-game-skills`
- **Status:** live
- **Publisher:** Majid Manzarpour (community)
- **License:** MIT
- **Source:** https://github.com/majidmanzarpour/threejs-game-skills
- **Works in:** Claude Code, Codex
- **Requires:** Node.js and npm, Python 3, Playwright with Chromium, Optional: TRIPO_API_KEY, GEMINI_API_KEY, ELEVENLABS_API_KEY
- **Cost:** Free, MIT; optional asset generation bills your own Tripo, Gemini and ElevenLabs keys
- **Adoption:** 32,994 installs, 2,785 GitHub stars (GitHub + skills.sh (9 skills summed), 2026-11-10)

## What it does

Nine Codex and Claude Code skills routed by `threejs-game-director`: gameplay systems, AAA-style graphics scored against a visual rubric, game UI, debug and profiling, QA and release, plus optional 3D (Tripo), image (Gemini) and audio (ElevenLabs) asset generation. It scaffolds a Vite + TypeScript + three.js game with a seeded RNG, deterministic test hooks and Playwright smoke, visual-regression and bot-playtest templates, so the agent checks its own build. The README links five playable demos (Neon Ridge Drift, Championship Snooker Arena, Starship Dogfight, Tide Singer, Ripcore). Build the game here and record its trailer with varg's `code-game-trailer`: together they fill the wanted card `want-gameplay-concept-trailer`.

## Use when

- build a playable three.js browser game from a prompt
- upgrade an existing three.js game's graphics, UI or game feel
- generate game models, textures, music and SFX with your own Tripo, Gemini or ElevenLabs keys
- a game to record for a gameplay or concept trailer
- Playwright smoke tests, visual baselines and bot playtests for a web game

## Not for

- Unity, Unreal or Godot projects
- The trailer itself: record and cut it with code-game-trailer

## Install

- Claude Code: `npx skills add majidmanzarpour/threejs-game-skills --skill '*' -a claude-code -g -y`
- Codex: `npx skills add majidmanzarpour/threejs-game-skills --skill '*' -a codex -g -y`
- Any agent, with the vargai CLI: `vargai install threejs-game-skills`

## More 3D scenes skills

- [Turn a brief into a Blender film written in Python](https://varg.ai/how-to/skills/blender-code-film.md): A brief becomes a Blender film from one Python file: shots as data, stills first, critic loop, Eevee or Cycles.
- [Turn a browser game into a cinematic trailer](https://varg.ai/how-to/skills/code-game-trailer.md): Record the browser game your agent built frame-exact, script shots and cameras, then cut a 1080p trailer on the beat.
- [Blender Lab MCP Server](https://varg.ai/how-to/skills/blender-lab-mcp.md): Blender's official MCP server: query and edit open scenes with Blender Python, bundled API docs and screenshots.
- [Meshy 3D Generation](https://varg.ai/how-to/skills/meshy-3d-agent.md): Meshy's official skill: text or image to a textured 3D model, then remesh, rig, animate and export it as GLB or FBX.
- [Roblox Studio MCP Server](https://varg.ai/how-to/skills/roblox-studio-mcp.md): The MCP server built into Roblox Studio: agents edit scripts, run Luau, generate meshes and playtest your game.
- [Scenario 3D Worlds](https://varg.ai/how-to/skills/scenario-3d-worlds.md): Walkable 3D worlds as Gaussian splats from text, a photo, a panorama or a video: Marble, HY World and TripoSplat.