Threejs Postprocessing

This is your go-to when you need post-processing effects in Three.js. It covers EffectComposer setup and the full pipeline: bloom, selective bloom, depth of field, SSAO, anti-aliasing (both FXAA and SMAA), film grain, vignette, outlines, and more. The examples are practical, like how to do bloom on specific objects only or how to properly handle window resizing so your effects don't break. One thing to note: the post-processing pipeline adds render overhead, so you'll want to be selective about which effects you stack. Good reference for both common effects and the weirder stuff like halftone or glitch passes.

Install to Claude Code

npx -y skills add cloudai-x/threejs-skills --skill threejs-postprocessing --agent claude-code