Browser-ready animated backgrounds and transitions.
Creates GLSL fragment shaders for animated backgrounds, image transitions, and post-processing.
When to use it
Use for animated backgrounds, image transitions, distortion, generative shapes, or scene post-processing.
Give it a shader effect to build; it returns a standalone HTML implementation with reproducible screenshot verification.
Uses the Playwright screenshot CLI for verification; the instructions say headless Playwright/Chromium supplies the required WebGL context through swiftshader.
This skill
Three.js
Loads Three.js from a CDN