threejs-dynamic-surface-effects
CommunityCreate dynamic screen-space surface effects in Three.js WebGPU
Authorlinegel
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill helps create advanced Three.js WebGPU scenes with dynamic screen-space surface effects, offering solutions for procedural graphics and visual validation.
Core Features & Use Cases
- Dynamic Surface Effects: Implement touch-history ping-pong, dt-correct frost/thaw masks, reduced-resolution node blur, static crystalline structure targets, and two-scale TSL normal refraction.
- Procedural Graphics: Build dynamic scenes with procedural systems like oceans, clouds, and surfaces.
- Visual Validation: Validate and test Three.js scenes with advanced graphics features like shadows, water, and post-processing effects.
Quick Start
To activate this skill, run threejs-choose-skills add linegel/threejs-complete-set-of-skill --skill 'threejs-dynamic-surface-effects'.
Dependency Matrix
Required Modules
three/webgpu
Components
scriptsreferencesassets
💻 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: threejs-dynamic-surface-effects Download link: https://github.com/linegel/threejs-complete-set-of-skill/archive/main.zip#threejs-dynamic-surface-effects Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.