Implement UnrealBloomPass bloom effects in Three.js scenes with React Three Fiber.
npx skills add https://github.com/tanepiper/teskooano --skill postfx-bloom
Please help me install this Agent Skill. Skill: postfx-bloom Source: https://github.com/tanepiper/teskooano/tree/main/.cursor/skills/postfx-bloom Command: npx skills add https://github.com/tanepiper/teskooano --skill postfx-bloom
This Skill makes it easy to add cinematic bloom and glow effects to Three.js scenes, enhancing emissive elements and delivering neon/cyberpunk visuals without complex shader work.
High-intent search queries and answers about installing and using this skill.
Bloom in Three.js is a post-processing effect that enhances luminance-driven glow on emissive elements. It uses UnrealBloomPass to extract bright areas and blur them back onto the scene, creating cinematic neon or cyberpunk aesthetics without custom shader work.
Yes, you can apply selective bloom to specific meshes. The Skill supports selective object blooming by configuring the EffectComposer and Bloom components from @react-three/postprocessing to target designated meshes while leaving other scene elements unaffected.
You need to install three, @react-three/fiber, and @react-three/postprocessing. These standard npm packages provide the Canvas, EffectComposer, and Bloom components required to implement and run the UnrealBloomPass glow effect in your web application.
You can make emissive materials glow without custom shaders by using this Skill's UnrealBloomPass implementation. It automatically extracts and blurs bright emissive areas via @react-three/postprocessing, delivering cinematic neon visuals for 3D web applications.
The best way to create cyberpunk aesthetics is applying luminance-based bloom to emissive elements. This Skill uses UnrealBloomPass with React Three Fiber to deliver neon glow effects to 3D scenes, enhancing visual clarity for UI HUD elements and cockpits.
utsavm81098Apply post-processing effects to React Three Fiber scenes with @react-three/postprocessing.
endlessblinkDevelop cyberpunk design tokens and CSS for FlowState web interfaces.
yonetim258852Build interactive 3D web experiences with Three.js scenes and animations.
CarlosDoersIntegrate custom GLSL shaders into Three.js scenes via ShaderMaterial or RawShaderMaterial.
