What problem does it solve? Three.js games often remain stuck at prototype quality with default primitives, flat lighting, and sparse worlds even after they are playable. This Skill provides a structured production graphics pass that converts basic screenshots into authored, high-density, performance-aware visual experiences with measurable quality gates. ## Core Features & Use Cases - Visual Scorecard Gates: Score screenshots across ten categories (art direction, hero, obstacles, rewards, world, materials, lighting, VFX, UI, performance) with calibration anchors, automatic failure rules, and fresh-eyes review before any premium or AAA claim. - Production Graphics Architecture: Implement material libraries, procedural texture and decal kits, model factories, world prop kits, event-driven VFX systems, render pipelines, and renderer diagnostics. - Technical Art Budgets: Apply render budget tables for draw calls, triangles, textures, shadows, DPR caps, and post-processing passes, with instancing, LOD, and culling strategies for desktop and mobile. - Shader and Material Cookbook: Use proven PBR material configs, onBeforeCompile GLSL patterns (fresnel rim, scrolling emissive, wind sway, dissolve), gradient sky domes, and post-processing chains for three.js r184. - External Asset Sourcing: Decide per surface between procedural geometry, threejs-image-generator 2D assets, and threejs-3d-generator models, with a credential probe and sourcing ledger. - Use Case: A developer has a playable Three.js runner whose screenshots still look like recolored boxes. This Skill scores the visuals, builds a hero vehicle factory and world prop kit, adds lighting and event-driven VFX, verifies renderer diagnostics against budgets, and reports a filled scorecard. ## Quick Start Ask the AI to load the threejs-aaa-graphics-builder skill and run a full AAA graphics pass on your Three.js game, starting by scoring the current desktop and mobile gameplay screenshots against the visual scorecard.
