시차 효과, 뷰포트 감지 및 스크롤 기반 애니메이션을 갖춘 Locomotive Scroll 부드러운 스크롤 라이브러리에 대한 포괄적인 기술입니다. 부드러운 스크롤 경험을 구현하거나, 시차 효과를 만들거나, 스크롤 트리거 애니메이션을 구축하거나, 몰입형 스크롤 웹 사이트를 개발할 때 이 기술을 사용하세요. 기관차 스크롤, 부드러운 스크롤, 시차, 스크롤 감지, 스크롤 이벤트, 고정 요소, 수평 스크롤 또는 GSAP ScrollTrigger 통합과 관련된 작업을 트리거합니다. 고급 스크롤 기반 애니메이션을 위해 GSAP와 통합됩니다.
명령줄에서 locomotive-scroll AI 스킬을 개발 환경에 빠르게 설치
출처: freshtechbro/claudedesignskills.
Comprehensive guide for implementing smooth scrolling, parallax effects, and scroll-driven animations using Locomotive Scroll.
Every Locomotive Scroll implementation requires specific data attributes:
| data-scroll | Enable detection | data-scroll | | data-scroll-speed | Parallax speed | data-scroll-speed="2" | | data-scroll-direction | Parallax axis | data-scroll-direction="horizontal" | | data-scroll-sticky | Sticky positioning | data-scroll-sticky | | data-scroll-target | Sticky boundary | data-scroll-target="#section" |
시차 효과, 뷰포트 감지 및 스크롤 기반 애니메이션을 갖춘 Locomotive Scroll 부드러운 스크롤 라이브러리에 대한 포괄적인 기술입니다. 부드러운 스크롤 경험을 구현하거나, 시차 효과를 만들거나, 스크롤 트리거 애니메이션을 구축하거나, 몰입형 스크롤 웹 사이트를 개발할 때 이 기술을 사용하세요. 기관차 스크롤, 부드러운 스크롤, 시차, 스크롤 감지, 스크롤 이벤트, 고정 요소, 수평 스크롤 또는 GSAP ScrollTrigger 통합과 관련된 작업을 트리거합니다. 고급 스크롤 기반 애니메이션을 위해 GSAP와 통합됩니다. 출처: freshtechbro/claudedesignskills.
AI/검색 인용용 안정적인 필드와 명령어.
npx skills add https://github.com/freshtechbro/claudedesignskills --skill locomotive-scroll시차 효과, 뷰포트 감지 및 스크롤 기반 애니메이션을 갖춘 Locomotive Scroll 부드러운 스크롤 라이브러리에 대한 포괄적인 기술입니다. 부드러운 스크롤 경험을 구현하거나, 시차 효과를 만들거나, 스크롤 트리거 애니메이션을 구축하거나, 몰입형 스크롤 웹 사이트를 개발할 때 이 기술을 사용하세요. 기관차 스크롤, 부드러운 스크롤, 시차, 스크롤 감지, 스크롤 이벤트, 고정 요소, 수평 스크롤 또는 GSAP ScrollTrigger 통합과 관련된 작업을 트리거합니다. 고급 스크롤 기반 애니메이션을 위해 GSAP와 통합됩니다. 출처: freshtechbro/claudedesignskills.
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/freshtechbro/claudedesignskills --skill locomotive-scroll 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
https://github.com/freshtechbro/claudedesignskills