postfx-effects
postfx-effects delivers a collection of post-processing filters designed to enhance 3D scene rendering with cinematic quality. Apply bloom, color grading, depth-of-field, and other visual effects to transform raw renders into polished final output. Integrate seamlessly into game engines and real-time graphics pipelines.
postfx-effects delivers a collection of post-processing filters including bloom, color grading, depth-of-field, chromatic aberration, vignette, film grain, and tone mapping. These effects enhance 3D scene rendering with cinematic quality, transforming raw renders into polished final output suitable for game engines and real-time graphics pipelines.
AI-generated summary based on this skill's SKILL.md
Decision gist · record as of 2026-07-27
postfx-effects delivers a collection of post-processing filters including bloom, color grading, depth-of-field, chromatic aberration, vignette, film grain, and tone mapping. These effects enhance 3D scene rendering with cinematic quality, transforming raw renders into polished final output suitable for game engines and real-time graphics pipelines.
Use it when
- postfx-effects includes chromatic aberration filters that create both retro and glitch visual aesthetics.
- Yes, postfx-effects supports depth-of-field and bokeh blur for precise focus effects.
Verify before relying
Read SKILL.md below before installing (2 files). Open directory: indexed for reading, not audited.
Install
Bbeierle12/Skill-MCP-Claude/postfx-effects · 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
What post processing effects does postfx-effects support?
postfx-effects delivers a collection of post-processing filters including bloom, color grading, depth-of-field, chromatic aberration, vignette, film grain, and tone mapping. These effects enhance 3D scene rendering with cinematic quality, transforming raw renders into polished final output suitable for game engines and real-time graphics pipelines.
How do I add chromatic aberration and retro glitch effects?
postfx-effects includes chromatic aberration filters that create both retro and glitch visual aesthetics. You can layer this effect with film grain and scanlines to achieve VHS or CRT-style looks, or use it standalone for modern glitch designs. The effect integrates efficiently into your post-processing stack.
Can postfx-effects implement depth of field and bokeh blur?
Yes, postfx-effects supports depth-of-field and bokeh blur for precise focus effects. These tools let you direct viewer attention and create cinematic depth separation. Combine them with other effects like vignette to enhance atmospheric quality in your 3D scenes.
What color grading and tone mapping features are available?
postfx-effects provides color grading and tone mapping tools for mood and atmosphere control. Apply LUT-based color transforms, ACES filmic tone mapping, and animated color shifts to achieve your desired visual style. These effects work together to establish cinematic look and feel.
How does postfx-effects handle multiple effects efficiently?
postfx-effects combines multiple effects efficiently through an optimized post-processing composer that minimizes render passes and GPU overhead. Stack bloom, grain, grading, and blur effects without sacrificing performance, making it suitable for real-time applications and interactive experiences.
What license does postfx-effects use?
postfx-effects is released under the MIT license, allowing free use, modification, and distribution in both commercial and personal projects with minimal restrictions.
SKILL.md
Rendered from the published skill. Quoted content, verbatim.
Post-Processing Effects
Cinematic and stylistic effects using @react-three/postprocessing.
Quick Start
npm install @react-three/postprocessing postprocessing
import { Canvas } from '@react-three/fiber';
import { EffectComposer, ChromaticAberration, Vignette, Noise } from '@react-three/postprocessing';
function CinematicScene() {
return (
<Canvas>
<Scene />
<EffectComposer>
<ChromaticAberration offset={[0.002, 0.002]} />
<Vignette darkness={0.5} offset={0.3} />
<Noise opacity={0.05} />
</EffectComposer>
</Canvas>
);
}
Core Effects
Chromatic Aberration
RGB channel separation for lens distortion or glitch effects.
```tsx import { ChromaticAberration } from '@react-three/postprocessing'; import { BlendFunction } from 'postprocessing'; import { Vector2 } from
(truncated - see the full file via the links below)
File tree — 2 files
skills/postfx-effects/SKILL.md
skills/postfx-effects/_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 › “Add cinematic post-processing effects to 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
postfx-router intelligently directs Claude's post-processing requests to specialized skills based on the effect type being applied. This routing layer simplifies effect management by matching incoming requests with the appropriate handler, reducing manual configuration and improving workflow efficiency in MCP-based systems.
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.
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.
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.
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.
This skill equips you with post-processing capabilities for Three.js projects, letting you layer effects like bloom, depth of field, and color grading onto your 3D scenes. Whether you're building interactive visualizations or game-like environments, you'll learn to apply sophisticated visual enhancements that transform raw renders into production-ready graphics. Perfect for developers who want to elevate their WebGL output without rewriting core rendering logic.
More skills R3f Interaction (unlicensed) · shader-effects (MIT)