three-lighting-pbr-realism

Installation
SKILL.md

PBR Lighting Setup for Realism

What this builds

A complete lighting and material configuration for Three.js or R3F that makes PBR materials look like photographed objects, not 3D renders. The difference between "this looks like a real product photo" and "this looks like a Three.js demo" is almost entirely lighting, tone mapping, and material calibration, not geometry quality.

  • HDRI environment map for image-based lighting (IBL), providing realistic reflections and ambient color.
  • Three-point studio lighting (key, fill, rim) with physically calibrated intensities.
  • Contact shadows and soft shadow maps with correct bias and filter settings.
  • Material calibration: roughness/metalness ranges that match real-world references, correct color space on all texture channels.
  • Tone mapping and exposure tuned for the scene's dynamic range.
  • Color grading via custom tone mapping or postprocessing LUT.
  • Fog and atmospheric depth cues for outdoor/environment scenes.
Installs
2
First Seen
Aug 30, 2026
three-lighting-pbr-realism — avnehsbhatia/ultraui