Threejs Aaa Graphics Builder
Upgrade Three.js games from prototype visuals to premium browser graphics...
Install
npx skills add majidmanzarpour/threejs-game-skills --skill threejs-aaa-graphics-builder -g -a claude-code -y- Repository
- majidmanzarpour/threejs-game-skills2.7k
- Category
- Engineering
- Updated
- 1mo ago
- License
- MIT
- Context cost
- Lightabout 998 tokens
- Runs scripts
- No, instructions only
What it does
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.
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.
