postfx-bloom
postfx-bloom delivers post-processing bloom effects for 3D rendering pipelines. Configure bloom intensity, threshold, and blur radius to create glowing highlights and atmospheric lighting. Ideal for games and interactive visualizations seeking polished visual enhancement.
postfx-bloom applies post-processing bloom effects to your 3D scene by rendering bright pixels with a glow. Configure the bloom intensity, threshold, and blur radius to control which objects glow and how strong the effect appears. Objects with emissive materials or high brightness values will naturally bloom when the threshold is set appropriately.
AI-generated summary based on this skill's SKILL.md
Decision gist · record as of 2026-07-27
postfx-bloom applies post-processing bloom effects to your 3D scene by rendering bright pixels with a glow. Configure the bloom intensity, threshold, and blur radius to control which objects glow and how strong the effect appears. Objects with emissive materials or high brightness values will naturally bloom when the threshold is set appropriately.
Use it when
- Yes, postfx-bloom excels at creating neon and cyberpunk aesthetics.
- postfx-bloom supports selective bloom by targeting specific objects through luminance thresholding.
Verify before relying
Read SKILL.md below before installing (2 files). Open directory: indexed for reading, not audited.
Install
Bbeierle12/Skill-MCP-Claude/postfx-bloom · repository language: JavaScript
Open directory. Skills are indexed for reading, not audited. Review a skill's body before installing it.
Frequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
How do I add glow to 3D objects with postfx-bloom?
postfx-bloom applies post-processing bloom effects to your 3D scene by rendering bright pixels with a glow. Configure the bloom intensity, threshold, and blur radius to control which objects glow and how strong the effect appears. Objects with emissive materials or high brightness values will naturally bloom when the threshold is set appropriately.
Can postfx-bloom create neon and cyberpunk aesthetic lighting?
Yes, postfx-bloom excels at creating neon and cyberpunk aesthetics. By adjusting the threshold to isolate bright colors and increasing blur radius and intensity, you can achieve vivid glowing neon effects. Pair it with emissive materials in vibrant colors for authentic cyberpunk lighting that makes UI elements and accent lights pop.
How does selective bloom work for specific meshes in postfx-bloom?
postfx-bloom supports selective bloom by targeting specific objects through luminance thresholding. Objects with brightness values above your configured threshold will bloom independently. You can also use render layers or material properties to control which meshes contribute to the bloom effect, enabling fine-grained visual control.
What's the best way to optimize postfx-bloom on mobile devices?
postfx-bloom offers mobile optimization through reduced blur radius, lower resolution render targets, and adjusted intensity values. Lower the threshold to reduce processing overhead, use smaller blur kernels, and consider disabling bloom on lower-end devices. These settings maintain visual quality while keeping performance acceptable on mobile hardware.
Can I animate postfx-bloom intensity with audio or time?
postfx-bloom supports dynamic animation of bloom parameters. You can bind intensity, threshold, or blur radius to audio frequencies for reactive effects, or use time-based functions for pulsing animations. This enables creative effects like energy pulses, cosmic glows, and audio-synchronized visual feedback in interactive experiences.
What license does postfx-bloom use?
postfx-bloom is released under the MIT license, allowing free use, modification, and distribution in both open-source and commercial projects with minimal restrictions.
SKILL.md
Rendered from the published skill. Quoted content, verbatim.
Post-Processing Bloom
Bloom effects using UnrealBloomPass for luminance-based glow and selective object bloom.
Quick Start
npm install three @react-three/fiber @react-three/postprocessing
import { Canvas } from '@react-three/fiber';
import { EffectComposer, Bloom } from '@react-three/postprocessing';
function Scene() {
return (
<Canvas>
<mesh>
<sphereGeometry args={[1, 32, 32]} />
<meshStandardMaterial emissive="#00F5FF" emissiveIntensity={2} />
</mesh>
<EffectComposer>
<Bloom
luminanceThreshold={0.2}
luminanceSmoothing={0.9}
intensity={1.5}
/>
</EffectComposer>
</Canvas>
);
}
Core Concepts
How Bloom Works
- Threshold — Pixels brighter than threshold are extracted
- Blur — Extracted pixels are blurred in multiple
(truncated - see the full file via the links below)
File tree — 2 files
skills/postfx-bloom/SKILL.md
skills/postfx-bloom/_meta.json
Let your AI agent find skills like this
Example. Real query, live index.
You found this page by searching. An agent finds it by wishing: SkillFed indexes 56,283 agent skills by what they can do, searchable in plain language.
wish › “Implement bloom and glow effects for 3D scenes”
Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →
Related skills
This skill lets you layer visual effects onto React Three Fiber scenes after rendering. Apply color grading, bloom, depth-of-field, and other post-processing techniques to elevate your 3D graphics. Perfect for developers building immersive web experiences with enhanced cinematography.
r3f-materials equips you with practical knowledge of Three.js material systems within React Three Fiber workflows. Discover how to select, configure, and optimize materials for different rendering scenarios, from basic geometries to complex shader-driven effects.
postfx-composer streamlines the setup and configuration of EffectComposer for sophisticated multi-pass post-processing workflows. This skill guides you through building layered visual effects pipelines, managing render targets, and compositing complex graphics transformations. Perfect for developers working with advanced rendering techniques and real-time graphics optimization.
R3f Shaders provides a curated collection of shader effects and materials designed specifically for React Three Fiber developers. Access pre-built GLSL code and material definitions to accelerate your 3D graphics pipeline without reinventing visual effects from scratch.
audio-reactive lets you create dynamic visual experiences synchronized to sound. Tap into music frequencies and beat detection to drive animations, lighting, and effects that pulse with your audio. Perfect for live performances, interactive installations, and immersive media projects.
R3f Lighting teaches you how to implement and fine-tune lighting systems within React Three Fiber environments. Discover techniques for creating realistic illumination effects, managing light sources, and optimizing performance in interactive 3D web scenes.
More skills postfx-effects (MIT) · R3f Interaction (unlicensed) · postfx-router (MIT) · Threejs Postprocessing (AGPL-3.0)