← All skills

Shaders cursor ripples

Add cursor-following fluid WebGPU distortion over an existing image with the Shaders library's ImageTexture and CursorRipples components.

3D and WebGLMeng ToMIT

Install

npx degit MengTo/Skills/agent-skills/web-design/shaders-cursor-ripples .claude/skills/shaders-cursor-ripples

Run it in your project root, then ask your agent for what you want. More detail

What it does

Add cursor-following fluid WebGPU distortion over an existing image with the Shaders library's ImageTexture and CursorRipples components. Use when a hero, gallery, or media panel needs a water-ripple mouse effect; when replacing a drifting CSS spotlight or flashlight reveal; or when a prompt says to borrow only the shader interaction from a Shaders.com reference while preserving the current brand, image, copy, and layout.

Straight from the skill's own SKILL.md. This is what your agent reads.