r3f-postprocessing

Name: r3f-postprocessing
Availability: InStock
Author: enzed

React Three Fiber post-processing - @react-three/postprocessing, bloom, DOF, screen effects. Use when adding visual effects, color grading, blur, glow, or…

copies: implexa run skills.sh/r3f-postprocessing

view source

installs

stars

karma

SKILL.md

React Three Fiber Post-Processing

Quick Start

import { Canvas } from '@react-three/fiber'
import { EffectComposer, Bloom, Vignette } from '@react-three/postprocessing'

function Scene() {
  return (
    <Canvas>
      <ambientLight />
      <mesh>
        <boxGeometry />
        <meshStandardMaterial color="hotpink" emissive="hotpink" emissiveIntensity={2} />
      </mesh>

related skills

semantically similar in the cross-vendor index

skills.sh

76% match

r3f-shaders

React Three Fiber shaders - GLSL, shaderMaterial, uniforms, custom effects. Use when creating custom visual effects, modifying vertices, writing fragment…

don't have the plugin yet? install it then click "run inline in claude" again.

implexa · skills ranked by SkillRank

top skills resources guides install github llms.txt x / twitter privacy

Expert guidance for React Three Fiber development with React, Vite, Tailwind CSS, and three.js

React Three Fiber fundamentals - Canvas, hooks (useFrame, useThree), JSX elements, events, refs. Use when setting up R3F scenes, creating components, handling…

React Three Fiber geometry - built-in shapes, BufferGeometry, instancing with Drei. Use when creating 3D shapes, custom meshes, point clouds, lines, or…

React Three Fiber animation - useFrame, useAnimations, spring physics, keyframes. Use when animating objects, playing GLTF animations, creating procedural…

by @enzed