Locomotive Scroll
freshtechbro/claudedesignskillsSmooth scrolling and parallax effects can make a website feel more engaging and immersive. The Locomotive Scroll library helps you add these features easily.
You can create smooth scrolling with customizable speed. You can add parallax effects where elements move at different speeds. You can also build scroll-driven animations that trigger when elements enter the viewport.
This skill covers installation, setup, and core concepts like data attributes and initialization. It is perfect for landing pages, storytelling sites, and any project that needs a polished scroll experience.
Add Locomotive Scroll skill to your workflow
Global
mkdir -p ~/.claude/skills/locomotive-scrollProject
mkdir -p .claude/skills/locomotive-scrollSource Repository
More Frontend Development Claude Code Skills
Frontend Designanthropics/skills
Create striking frontend interfaces with bold design and polished code every time
Vercel React Best Practicesvercel-labs/agent-skills
Optimize React and Next.js apps using proven Vercel performance guidelines
Vercel Composition Patternsvercel-labs/agent-skills
Clean React components with composition instead of boolean props
Shadcnshadcn/ui
Manage shadcn UI components easily with CLI commands and clear styling rules
Design Taste Frontendleonxlnx/taste-skill
Enforce premium frontend design with metric-based rules and smart component architecture
Impeccablepbakaus/impeccable
Polish your frontend interfaces with expert design critique and code
Minimalist Uileonxlnx/taste-skill
Build warm minimal web interfaces with editorial typography and flat bento grids
Industrial Brutalist Uileonxlnx/taste-skill
Raw mechanical UIs fusing Swiss print with military terminal aesthetics and high data density