Skills
.Work. You
Rest

cursor-reactivity

Community

Make UI respond to cursor proximity.

Software Engineering#performance#interaction#cursor#throttling#proximity#falloff
Authorsreejithraman
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Interfaces that react to cursor position can feel alive, but naive implementations hurt performance. This Skill covers throttling, falloff patterns, and mobile alternatives to create responsive yet efficient interactions.

Core Features & Use Cases

  • Proximity Detectors: Radius-based influence from cursor to elements
  • Falloff Patterns: Linear, exponential, or ease-out transitions
  • Throttling & RAF: Performance-safe updates, GPU-friendly visuals
  • Mobile Alternatives: Touch-based activation or tap-to-burst patterns
  • Use Case: Hover zones in a dashboard react subtly to cursor movement without jitter.

Quick Start

Create a ProximityEffect for selectors with config: radius 120, falloff linear, intensity 0.8, recovery 200ms.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: cursor-reactivity
Download link: https://github.com/sreejithraman/shayna/archive/main.zip#cursor-reactivity

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.