butter-smooth-scrolling
SKILL.md
Butter Smooth Scrolling
Add cinematic, momentum-based smooth scrolling that interpolates scroll position using requestAnimationFrame. Creates the "butter smooth" feel seen on premium agency websites.
Important: How This Differs from CSS Smooth Scroll
| Feature | CSS scroll-behavior: smooth |
Butter Smooth Scrolling |
|---|---|---|
| Anchor clicks | Yes | No (use existing smooth-scroll) |
| Mouse wheel | No | Yes |
| Trackpad | No | Yes |
| Touch | No | Yes |
| Momentum feel | No | Yes |
| Configurable smoothness | No | Yes |
| Performance impact | None | Minimal (RAF optimized) |
This skill complements the existing smooth-scroll skill - they work together, not as replacements.