Skills
.Work. You
Rest

postfx-composer

Community

Robust post-processing pipelines for Three.js.

Software Engineering#graphics#webgl#three.js#render-pipeline#post-processing#EffectComposer
Authortanepiper
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill standardizes and abstracts Three.js post-processing workflows by providing a reusable EffectComposer setup.

Core Features & Use Cases

  • EffectComposer architecture and multi-pass rendering for Three.js
  • Custom passes creation and reusable effect stacks
  • Render target management and pipeline orchestration
  • Foundation for all post-processing work
  • Use cases: real-time graphics, bloom, depth of field, color grading, and sense-enhancing visual effects

Quick Start

Install the required dependencies: npm install @react-three/postprocessing postprocessing three Import and configure an EffectComposer within your Canvas to apply post-processing effects Run your app and iterate on the effect order to achieve the desired visual result

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-composer
Download link: https://github.com/tanepiper/teskooano/archive/main.zip#postfx-composer

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.