# Threejs Aaa Graphics Builder

Upgrade Three.js games from prototype visuals to premium browser graphics...

- Repository: https://github.com/majidmanzarpour/threejs-game-skills (2657 stars)
- Category: Engineering
- License: MIT
- Last updated: 2026-09-28
- Runs scripts: no, instructions only

## Install

Claude Code: `npx skills add majidmanzarpour/threejs-game-skills --skill threejs-aaa-graphics-builder -g -a claude-code -y`
Codex: `npx skills add majidmanzarpour/threejs-game-skills --skill threejs-aaa-graphics-builder -g -a codex -y`
Cursor: `npx skills add majidmanzarpour/threejs-game-skills --skill threejs-aaa-graphics-builder -g -a cursor -y`
Gemini CLI: `npx skills add majidmanzarpour/threejs-game-skills --skill threejs-aaa-graphics-builder -g -a gemini-cli -y`

## Description

Upgrade Three.js games from prototype visuals to premium browser graphics: art-direction critique, procedural model building, material and texture libraries, world prop kits, shaders, VFX, lighting and render pipeline, LOD and instancing, render budgets, and a 10-category visual scorecard. Use when screenshots still look basic or the user asks for premium, AAA, high-fidelity, showcase, or less-basic graphics.

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

# Three.js AAA Graphics Builder

Own the production graphics pass: turn basic screenshots into authored, high-density, performance-aware visuals.

## References

| File | Read it when |
| --- | --- |
| `references/visual-scorecard.md` | scoring visuals or making any premium/AAA/showcase claim |
| `references/authoring-recipes.md` | building hero, obstacle, reward, world-kit, or prop models; changing lighting, tone mapping, shadows, fog, post, or graphics architecture |
| `references/technical-art.md` | render budgets, material kits, VFX systems, instancing/LOD, imported asset cleanup, anything that could affect browser performance |
| `references/shader-cookbook.md` | custom shaders, `onBeforeCompile`, skies, or post-processing; use recipes as tested starting points and verify them against the project's Three.js version |

For a broad "still looks basic" or premium pass, read all four before implementing. A narrow graphics edit loads only its relevant references and checks; the requested style and scope override recipe defaults.

## Core rule

Glow does not make primitives look AAA. Build authored forms first, then materials, then lighting, then effects, in that order.

## Workflow

The rest: https://github.com/majidmanzarpour/threejs-game-skills/blob/HEAD/skills/threejs-aaa-graphics-builder/SKILL.md