threejs-aaa-graphics-builder

three.js and WebGL · 3D · MIT

What it does

How to lift a three.js scene from primitives to authored-looking graphics, in this order: forms, then materials, then lighting, then effects. Four reference pages carry the substance: modeling recipes (hero vehicle, character, obstacle families, world kit, which geometry class for what), a shader and material cookbook with working code, render budgets with a named material kit, and a ten-category visual scorecard with three calibration screenshots. The name oversells: it is a careful stylized-game guide, not film-grade rendering.

Get it

npx skills add majidmanzarpour/threejs-game-skills --skill '*' -a claude-code -g -y (Codex: -a codex; from a clone: ./install.sh --claude | --codex | --all). Read references/shader-cookbook.md for code you can paste into any three.js project (targets three ^0.184).

Source on GitHub
Needs (the whole pack)

Nothing to read the skills. To run what they build: Node and npm, Python 3 for the helper scripts, and Chromium through Playwright for the inspector and tests. Optional and paid: Tripo, Gemini and ElevenLabs keys for the three generator skills.

License

MIT

License notes are on the pack's page

From

Three.js Game Skills

Everything from Three.js Game Skills in the gallery

Back to the Asset Library