Apply shader-based visual effects to real-time rendered frames.
npx skills add https://github.com/tanepiper/teskooano --skill shader-effects
Please help me install this Agent Skill. Skill: shader-effects Source: https://github.com/tanepiper/teskooano/tree/main/.cursor/skills/shader-effects Command: npx skills add https://github.com/tanepiper/teskooano --skill shader-effects
Visual shader effects provide ready-made polish to real-time rendering, enabling artists to add glow, bloom, chromatic aberration, vignette, film grain, scanlines, and other stylizations without writing each effect from scratch.
Use the shader-effects skill to apply glow, bloom, and color grading to your frame by calling applyEffects(baseColor, uv, time) within your render loop.
High-intent search queries and answers about installing and using this skill.
Bloom and glow post-processing effects are applied by calling applyEffects(baseColor, uv, time) within your rendering loop to process real-time rendered frames using modular shader snippets.
Chromatic aberration, scanlines, and film grain can be combined in a controllable pipeline to layer multiple shader post-effects, enabling stylized looks like a retro cyberpunk aesthetic over real-time scenes.
Fresnel and dissolve effects require a rendering loop that passes time and UV data to the shader APIs, utilizing shader snippets located within the scripts/effects directory to process frame rendering.
Glitch and vignette stylization is supported for real-time games and demos, providing ready-made visual polish to rendered scenes without requiring you to write each effect from scratch.
Outline and dithering effects operate within a real-time rendering pipeline, meaning they depend on continuous frame processing and properly passed time and UV data to function correctly without performance degradation.
The best way to achieve a retro cyberpunk look is by layering glow, chromatic aberration, and scanlines through a modular shader toolkit that processes base colors via a continuous render loop.
EntelligentsiaConfigure Three.js EffectComposer multi-pass rendering for post-processing effects.
nicolasieber-tmOrchestrate Three.js post-processing effects with EffectComposer and shader passes.
JIsaiahIntegrate post-processing effects into React Three Fiber with @react-three/postprocessing.
nicolasieber-tmCreate custom Three.js visuals with GLSL ShaderMaterial examples.
