R3f Lighting

Covers the full lighting toolkit for React Three Fiber, from basic ambientLight and directionalLight setup to Drei's Environment component for IBL and HDR presets. The shadow configuration section is solid, walking through shadow types, mapSize tuning, and camera frustum setup with helpers. Good reference for light type tradeoffs (the cost table is handy) and when to use what. The Environment and Lightformer examples are where this really shines if you're setting up product renders or need quick realistic lighting without manual light placement. The Stage component examples feel a bit thin, but the core lighting patterns and shadow debugging tips make this worth having when you're fighting shadow acne or optimizing shadow maps.

Install to Claude Code

npx -y skills add enzed/r3f-skills --skill r3f-lighting --agent claude-code