10 actions in 10 pieces of software · ranked by words, meaning and measured trust · 660 ms

1. 1threejs-postprocessingverified and signedpassport

   skillcalesthio/openmontagerecord

   • threejs-postprocessing

     Three.js post-processing - EffectComposer, bloom, DOF, screen effects. Use when adding visual effects, color grading, blur, glow, or creating custom screen-space shaders.

2. 2r3f-postprocessingverified and signedpassport

   skillenzed/r3f-skillsrecord

   • r3f-postprocessing

     Configure React Three Fiber postprocessing, bloom, selection effects, ambient occlusion, and depth of field. Use for composer pipelines and screen-space effects, rather than mesh material shaders.

3. 3threejs-mcpfound in code, not yet checkedno passport yet

   MCP serverCharlieKerfoot/threejs-mcp

   • postprocessing_setup

     Generate Three.js postprocessing pipeline setup. Available effects: bloom, ssao, fxaa, smaa, outline, film, glitch, dot_screen, halftone, unreal_bloom, bokeh, ssr. Combine multiple effects in the effects list.

4. 4threejsverified and signedpassport

   skillnexu-io/open-designrecord

   • threejs

     Three.js skills for creating 3D elements and interactive experiences in the browser — scenes, materials, controls, and post-processing.

5. 5threejs-r3fverified and signedpassport

   skillathevon/genjutsurecord

   • threejs-r3f

     Three.js and React Three Fiber sub-skill - 3D scenes, shaders, postprocessing.

6. 6threejs-debug-profilerverified and signedpassport

   skillmajidmanzarpour/threejs-game-skillsrecord

   • threejs-debug-profiler

     Debug and profile Three.js browser games: blank canvases, render and runtime bugs, asset and audio loading, animation, resize, mobile input, plus performance profiling of draw calls, triangles, textures, memory, shader and post-processing cost, and bundle size.

7. 7threejs-animationverified and signedpassport

   skilliart-ai/webgl-animation-skillsrecord

   • threejs-animation

     This skill should be used when the user asks to "build a 3D hero section or WebGL background", "animate a Three.js scene", "play or crossfade GLTF animation clips", "move/lerp the camera or link it to scroll", "render thousands of objects with InstancedMesh", "set up React Three Fiber (R3F) motion",

8. 8urp-postprocessingverified and signedpassport

   skillunity-technologies/skillsrecord

   • urp-postprocessing

     Sets up, configures, and debugs URP post-processing with the Volume framework. Use for bloom, tonemapping, color adjustments, depth of field, vignette, or other Volume overrides.

9. 9threejs-shadersverified and signedpassport

   skillcalesthio/openmontagerecord

   • threejs-shaders

     Three.js shaders - GLSL, ShaderMaterial, uniforms, custom effects. Use when creating custom visual effects, modifying vertices, writing fragment shaders, or extending built-in materials.

10. 10threejs-texturesverified and signedpassport

    skillcalesthio/openmontagerecord

    • threejs-textures

      Three.js textures - texture types, UV mapping, environment maps, texture settings. Use when working with images, UV coordinates, cubemaps, HDR environments, or texture optimization.