Summary
This is your go-to for building those smooth, Apple-style scrolling experiences with parallax effects and scroll-triggered animations. It covers Locomotive Scroll's full API including viewport detection, sticky elements, horizontal scrolling, and GSAP ScrollTrigger integration for advanced animations. The skill includes the complete data attribute system (speed, direction, sticky, call events) and shows you how to handle programmatic scrolling and mobile responsiveness. One honest take: scroll-hijacking libraries like this can hurt accessibility and feel weird on mobile, so the skill explicitly covers detection and disable patterns. Use this when you're building immersive landing pages or storytelling sites where the scroll experience is a key part of the design, not just a utilitarian page.
Install to Claude Code
npx -y skills add freshtechbro/claudedesignskills --skill locomotive-scroll --agent claude-codeInstalls into .claude/skills of the current project.
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
Files
SKILL.md
Select a file.
Featured
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →First SeenJun 3, 2026
