R3f Postprocessing

This wraps the @react-three/postprocessing library for adding screen effects to React Three Fiber scenes. You get bloom for glowing objects, depth of field with bokeh, SSAO for contact shadows, chromatic aberration, vignettes, outlines, and color grading. The selective bloom feature is genuinely useful since you can make specific meshes glow without affecting the whole scene. Effects stack inside an EffectComposer, and most have sensible defaults but expose enough parameters to tweak. Performance can tank with multiple heavy effects, so watch your frame rate. The tone mapping options are solid if you're working with HDR content or emissive materials above 1.0.

Install to Claude Code

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