Three.js Post-Processing

Use this skill for an intentional screen-space pipeline. Route scene/camera setup to threejs-fundamentals, mesh/material shader work to threejs-shaders, and texture/render target semantics to threejs-textures.

When to use this skill

• Add bloom, anti-aliasing, ambient occlusion, depth of field, outlines, or color grading
• Configure EffectComposer and resolve pass ordering or double-rendering bugs
• Write a custom full-screen ShaderPass or manage offscreen render targets
• Fix blur, incorrect resolution, missing effects, overly expensive passes, or teardown leaks

Instructions

Step 1: Establish the baseline renderer first