{"enrichment":{"faq":[{"a":"R3f Lighting teaches you how to implement and fine-tune lighting systems within React Three Fiber environments. It covers techniques for creating realistic illumination effects, managing light sources, and optimizing performance in interactive 3D web scenes.","q":"What is R3f Lighting and what does it cover?"},{"a":"R3f Lighting guides you through setting up and configuring lighting in React Three Fiber scenes. You'll learn to add directional lights, point lights, spotlights, and ambient lights to your 3D environments, along with proper configuration techniques for each light type.","q":"How do I set up lighting in R3F scenes?"},{"a":"R3f Lighting covers best practices for managing light sources effectively, including shadow implementation, dynamic lighting adjustments, and performance optimization strategies. You'll learn how to balance visual quality with rendering efficiency in your React 3D applications.","q":"What R3f lighting techniques and best practices are taught?"},{"a":"R3f Lighting shows you how to implement shadows and advanced light effects in your 3D React apps. The skill covers shadow configuration, light interaction with scene objects, and techniques for creating realistic lighting scenarios in interactive web environments.","q":"How do I implement shadows and light effects in R3F?"},{"a":"R3f Lighting addresses performance optimization for lighting systems in React Three Fiber projects. Learn to diagnose and resolve common lighting performance issues, manage light complexity, and maintain smooth frame rates while achieving your desired visual effects.","q":"How can I troubleshoot lighting performance in R3F projects?"}],"shadow_tags":["3d-rendering","light-sources","scene-illumination","react-graphics","webgl-lighting"],"summary_rewrite":"R3f Lighting teaches you how to implement and fine-tune lighting systems within React Three Fiber environments. Discover techniques for creating realistic illumination effects, managing light sources, and optimizing performance in interactive 3D web scenes."},"gist":{"api_url":"https://skillfed.io/api/skills/EnzeD/r3f-skills/r3f-lighting.json","as_of":"2026-01-20","description":"R3f Lighting teaches you how to implement and fine-tune lighting systems within React Three Fiber. npx skillfed install EnzeD/r3f-skills/r3f-lighting","install":{"manual":["git clone https://github.com/EnzeD/r3f-skills","cp -r r3f-skills ~/.claude/skills/r3f-lighting"],"primary":"npx skillfed install EnzeD/r3f-skills/r3f-lighting","version":"aeba3609"},"kind":"skill","mirror_url":"https://skillfed.io/EnzeD/r3f-skills/r3f-lighting.md","similar":[{"id":"Bbeierle12/Skill-MCP-Claude/r3f-fundamentals","name":"r3f-fundamentals","publisher":"Bbeierle12/Skill-MCP-Claude","url":"https://skillfed.io/Bbeierle12/Skill-MCP-Claude/r3f-fundamentals"},{"id":"vercel-labs/json-render/react-three-fiber","name":"react-three-fiber","publisher":"vercel-labs/json-render","url":"https://skillfed.io/vercel-labs/json-render/react-three-fiber"},{"id":"freshtechbro/claudedesignskills/web3d-integration-patterns","name":"web3d-integration-patterns","publisher":"freshtechbro/claudedesignskills","url":"https://skillfed.io/freshtechbro/claudedesignskills/web3d-integration-patterns"},{"id":"Bbeierle12/Skill-MCP-Claude/postfx-bloom","name":"postfx-bloom","publisher":"Bbeierle12/Skill-MCP-Claude","url":"https://skillfed.io/Bbeierle12/Skill-MCP-Claude/postfx-bloom"},{"id":"calesthio/OpenMontage/threejs-lighting","name":"Threejs Lighting","publisher":"calesthio/OpenMontage","url":"https://skillfed.io/calesthio/OpenMontage/threejs-lighting"}],"title":"R3f Lighting by EnzeD: Set up and configure lighting in React Three Fiber scenes \u2014 SkillFed","use":{"when":["R3f Lighting guides you through setting up and configuring lighting in React Three Fiber scenes.","R3f Lighting covers best practices for managing light sources effectively, including shadow implementation, dynamic lighting adjustments."]},"what":{"lead":"R3f Lighting teaches you how to implement and fine-tune lighting systems within React Three Fiber environments. It covers techniques for creating realistic illumination effects, managing light sources, and optimizing performance in interactive 3D web scenes."}},"id":"EnzeD/r3f-skills/r3f-lighting","install":{"mode":"external","repo":"https://github.com/EnzeD/r3f-skills"},"links":{"html":"https://skillfed.io/EnzeD/r3f-skills/r3f-lighting","md":"https://skillfed.io/EnzeD/r3f-skills/r3f-lighting.md","repo":"https://github.com/EnzeD/r3f-skills"},"meta":{"agents_supported":[],"first_seen":"2026-07-28","forks":7,"language":null,"last_updated":"2026-01-20","license":null,"name":"R3f Lighting","publisher":"EnzeD","stars":105},"relations":{"similar":[{"id":"Bbeierle12/Skill-MCP-Claude/r3f-fundamentals"},{"id":"Bbeierle12/Skill-MCP-Claude/r3f-drei"},{"id":"EnzeD/r3f-skills/r3f-fundamentals"},{"id":"freshtechbro/claudedesignskills/react-three-fiber"},{"id":"EnzeD/r3f-skills/r3f-materials"},{"id":"organvm/a-i--skills/react-three-fiber-patterns"},{"id":"vercel-labs/json-render/react-three-fiber"},{"id":"freshtechbro/claudedesignskills/web3d-integration-patterns"},{"id":"Bbeierle12/Skill-MCP-Claude/postfx-bloom"},{"id":"calesthio/OpenMontage/threejs-lighting"}]},"slug":{"owner":"EnzeD","repo":"r3f-skills","skill":"r3f-lighting"},"version":"aeba3609"}