threejs-atmosphere-aer…
Implement physically motivated sky and aerial-perspective systems in Three.js. Use for planetary atmospheres, ground-to-space…
Implement a production GTAO path in Three.js. Use for half-resolution horizon sampling, reversed-depth reconstruction, bent-normal encoding, full-resolution bilateral reconstruction, environment-light application, contact grounding, and halo diagnosis.
$ npx -y skills add scottstts/threejs-awesome-graphics-agent-skills --skill threejs-screen-space-ambient-occlusion --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
/threejs-screen-space-ambient-occlusionContext preview
The summary Claude sees to decide when to auto-load this skill.
Implement a production GTAO path in Three.js. Use for half-resolution horizon sampling, reversed-depth reconstruction, bent-normal encoding, full-resolution bilateral reconstruction, environment-light application, contact grounding, and halo diagnosis.
name: threejs-screen-space-ambient-occlusion description: Implement a production GTAO path in Three.js. Use for half-resolution horizon sampling, reversed-depth reconstruction, bent-normal encoding, full-resolution bilateral reconstruction, environment-light application, contact grounding, and halo diagnosis.
AO estimates missing ambient visibility. It must modulate indirect lighting, not repaint all scene color with a dark multiply.
1. Verify linear depth and view-space normals. 2. Reconstruct view position consistently. 3. Sample horizon visibility in a controlled radius. 4. Estimate AO and optional bent normal. 5. Denoise with depth/normal-aware filters. 6. Apply to indirect diffuse and environment response.
Read [references/gtao-bent-normal-pipeline.md](references/gtao-bent-normal-pipeline.md).
This skill owns GTAO gathering, bent normals, denoising, and AO application. Use `$threejs-image-pipeline` only when its depth/normal buffers or pass order must be coordinated with other image-space systems.
Example gallery to visually inspect included examples This is a Three.js agent skills pack for producing awesome graphics.
Implement physically motivated sky and aerial-perspective systems in Three.js. Use for planetary atmospheres, ground-to-space…
Implement production bloom in advanced Three.js scenes. Use for HDR signal ordering, bloom-node controls, dual selective bloom…
Direct advanced Three.js camera systems. Use for scale-aware chase rigs, thrust lag, side/orbit cameras, body-relative up…
Build a measured exposure and grading path in Three.js. Use for a 64x36 encoded luminance meter, asynchronous readback, weighted…
Build a deliberate final-image pipeline for advanced Three.js scenes. Use for depth, normal, albedo, and history ownership; GTAO…
Build silhouette-aware parallax occlusion mapping in Three.js WebGPU and TSL. Use for height-field ray marching, relief UVs,…