Creative Effects Skill

Create immersive visual experiences using WebGL, Three.js, shaders, and creative coding techniques.

CRITICAL: Check Existing First

Before adding ANY effects, verify:

1. Check for existing 3D/WebGL setup:

cat package.json | grep -i "three\|@react-three\|webgl\|pixi\|p5"
rg "Canvas|useFrame|useThree" --type tsx -l

2. Check for existing effects:

ls -la src/components/effects/ src/components/3d/ 2>/dev/null
rg "shader|fragment|vertex" --type ts --type glsl