GSAP(GreenSock Animation Platform) 및 ScrollTrigger 플러그인에 대한 포괄적인 기술입니다. 웹 애니메이션, 스크롤 기반 환경, 타임라인, 트윈, 스크롤 트리거 애니메이션, 고정, 스크러빙, 시차 효과를 만들거나 DOM 요소, SVG, Canvas, WebGL 또는 Three.js에 애니메이션을 적용할 때 이 기술을 사용하세요. GSAP, ScrollTrigger, 부드러운 애니메이션, 스크롤 효과 또는 애니메이션 순서 지정과 관련된 작업을 트리거합니다.
명령줄에서 gsap-scrolltrigger AI 스킬을 개발 환경에 빠르게 설치
출처: freshtechbro/claudedesignskills.
GSAP (GreenSock Animation Platform) is the industry-leading JavaScript animation library for creating high-performance, production-quality animations. ScrollTrigger is GSAP's powerful plugin for scroll-driven animations. Together, they enable everything from simple UI transitions to complex scroll-based storytelling experiences.
A tween is a single animation from point A to point B.
ScrollTrigger handles this automatically, but for custom resize logic:
GSAP(GreenSock Animation Platform) 및 ScrollTrigger 플러그인에 대한 포괄적인 기술입니다. 웹 애니메이션, 스크롤 기반 환경, 타임라인, 트윈, 스크롤 트리거 애니메이션, 고정, 스크러빙, 시차 효과를 만들거나 DOM 요소, SVG, Canvas, WebGL 또는 Three.js에 애니메이션을 적용할 때 이 기술을 사용하세요. GSAP, ScrollTrigger, 부드러운 애니메이션, 스크롤 효과 또는 애니메이션 순서 지정과 관련된 작업을 트리거합니다. 출처: freshtechbro/claudedesignskills.
AI/검색 인용용 안정적인 필드와 명령어.
npx skills add https://github.com/freshtechbro/claudedesignskills --skill gsap-scrolltriggerGSAP(GreenSock Animation Platform) 및 ScrollTrigger 플러그인에 대한 포괄적인 기술입니다. 웹 애니메이션, 스크롤 기반 환경, 타임라인, 트윈, 스크롤 트리거 애니메이션, 고정, 스크러빙, 시차 효과를 만들거나 DOM 요소, SVG, Canvas, WebGL 또는 Three.js에 애니메이션을 적용할 때 이 기술을 사용하세요. GSAP, ScrollTrigger, 부드러운 애니메이션, 스크롤 효과 또는 애니메이션 순서 지정과 관련된 작업을 트리거합니다. 출처: freshtechbro/claudedesignskills.
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/freshtechbro/claudedesignskills --skill gsap-scrolltrigger 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
https://github.com/freshtechbro/claudedesignskills