← All skills

Reveal hover effect

Build cursor-following spotlight reveals that expose a second aligned image through a soft radial mask.

Motion and scrollMeng ToMIT

Install

npx degit MengTo/Skills/agent-skills/web-design/reveal-hover-effect .claude/skills/reveal-hover-effect

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

What it does

Build cursor-following spotlight reveals that expose a second aligned image through a soft radial mask. Use for hover-to-color, before-and-after, x-ray, material, texture, product-detail, and illustrated hero effects where a desaturated or embossed base image should remain visible while another treatment follows an eased pointer.

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