skills.rest
sreejithraman
sreejithramanCOMMUNITY
Explore all skills by this author →
GitHub

cursor-reactivity

Create cursor proximity effects with throttling, falloff patterns, and mobile alternatives.

Updated Aug 23, 2026
Search Tags:#performance#interaction#cursor#throttling#proximity#falloff
One-click install
npx skills add https://github.com/sreejithraman/shayna --skill cursor-reactivity
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: cursor-reactivity
Source: https://github.com/sreejithraman/shayna/tree/main/.claude/skills/cursor-reactivity
Command: npx skills add https://github.com/sreejithraman/shayna --skill cursor-reactivity

SYSTEM DOCUMENTATION & REQUIREMENTS

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.