Skills
.Work. You
Rest

postfx-bloom

Community

Apply cinematic bloom and glow to 3D scenes.

Software Engineering#three.js#react-three-fiber#bloom#postprocessing#emissive
Authortanepiper
Version1.0.0
Installs0

System Documentation

What problem does it solve?

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.

Core Features & Use Cases

  • UnrealBloomPass-based bloom for luminance-driven glow and selective object blooming.
  • Easy integration with React Three Fiber to apply post-processing in typical 3D UIs or scenes.
  • Use Case: Quickly add a neon glow to a spacecraft cockpit or a UI glow to HUD elements to improve visual clarity.

Quick Start

  1. Install dependencies: npm install three @react-three/fiber @react-three/postprocessing
  2. Import and compose: Canvas from @react-three/fiber and EffectComposer with Bloom from @react-three/postprocessing
  3. Apply Bloom to your emissive materials or selectively to designated meshes.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: postfx-bloom
Download link: https://github.com/tanepiper/teskooano/archive/main.zip#postfx-bloom

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.