Install
npx skills add https://github.com/greensock/gsap-skills누구에게 맞나
코딩 어시스턴트가 공식 방식으로 GSAP（GreenSock Animation Platform）를 쓰게 하려는 사람에게 맞다. 공식: 이들은 올바른 쓰임을 가르치는 정식 GSAP AI 스킬이며 핵심 API, 타임라인, ScrollTrigger, 플러그인, 그리고 React, Vue, Svelte, 바닐라 JS, 성능을 다룬다.
더 맞는 사람은 이미 애니메이션을 쓰고 gsap.to() / from() / fromTo(), 타임라인 편성, 스크롤 트리거가 맞는지 확인하려는 사람이다. 이 묶음을 GSAP 런타임 자체로 보지 마라. 애니메이션 라이브러리는 공개 gsap npm 패키지에서 설치한다. 공식: GSAP 는 백 퍼센트 무료이며 모든 플러그인을 포함한다. Webflow 인수 후 옛 Club 플러그인（SplitText, MorphSVG 등）도 전원에게 무료이며 상용 포함이다. Club 회원, .npmrc, 인증 토큰, 비공개 저장소는 필요 없다.
시작 전에 이 기기에서 npx skills add 를 실행할 수 있어야 한다. 이 명령을 주어지지 않은 다른 설치기로 고쳐 쓰지 마라.
3분 만에 첫 시도 끝내기
저장소가 준 이 한 설치 명령만 쓴다. 스킬 설치를 먼저 끝낸 뒤 어시스턴트에게 읽기 전용 대조를 시키고 아직 프로젝트 파일은 바꾸지 마라.
전제 조건: 현재 환경에서 npm/npx 를 실행할 수 있고 어시스턴트가 새로 설치한 스킬을 로드할 수 있다. 첫 시도에서 애니메이션 코드를 쓰지 말고 설명되지 않은 비공개 원에도 연결하지 마라.
설치 위치: 프로젝트 또는 워크스페이스에서 공식 명령으로 스킬을 더한다.
npx skills add https://github.com/greensock/gsap-skills
공식 저장소:
https://github.com/greensock/gsap-skills
GSAP 제품 페이지:
https://gsap.com/
저위험 트리거: 설치 후 기존 gsap.to() 가 공식 핵심 API 의 easing, duration, stagger, defaults 를 쓰는지 어시스턴트에게 검사만 시켜라. 먼저 파일을 고치게 하지 마라. 다음에 타임라인이나 ScrollTrigger 코드를 쓸 거면 어떤 파일을 바꿀지 확인한 뒤 실행하라.
성공 신호: 어시스턴트가 gsap-core 어조로 gsap.to() / from() / fromTo() 를 이야기하고 적히지 않은 스킬 이름을 지어내지 않는다. 어떤 어시스턴트가 이 CLI 를 쓸 수 있는지는 공식이 가리킨다:
https://github.com/vercel-labs/skills#supported-agents
한 명단에서 「이 어시스턴트만 된다」고 추론하지 마라.
사용 사례
사례 1: 로컬 핵심 애니메이션 쓰기를 대조한다. gsap-core 를 쓴다. 핵심 API 는 gsap.to() / from() / fromTo(), 그리고 easing, duration, stagger, defaults. 이미 트윈이 있고 인자가 빗나갔는지 보려는 사람에게 맞다. 증거는 이 주제까지다. 완전한 함수 목록은 없다. 먼저 읽기 전용 검사. 코드를 바꿀 거면 부작용을 먼저 확인하라.
사례 2: 로컬 스크롤 애니메이션을 대조한다. gsap-scrolltrigger 를 쓴다. 스크롤 연동, pinning, scrub, triggers, 그리고 refresh 와 cleanup 을 다룬다. 페이지에 이미 스크롤 트리거가 있고 새로고침이나 정리 누락을 보려는 사람에게 맞다. 마찬가지로 먼저 검사한 뒤 파일을 바꿀지 정하라. 타임라인 스킬 gsap-timeline 은 원문에서 따로 한 줄이다（sequencing, position parameter, labels, nesting, playback）. ScrollTrigger 와 한 스킬로 섞지 마라.
사용 한계
스킬 설치는 npx skills add https://github.com/greensock/gsap-skills . GSAP 라이브러리는 공개 gsap npm 패키지. 둘을 같은 단계로 보지 마라.
원문이 지명한 스킬 줄은 gsap-core, gsap-timeline, gsap-scrolltrigger 뿐이다. 다른 스킬 이름은 채우지 마라.
GSAP 와 옛 Club 플러그인은 이제 무료이며 상용 포함이다. 인수 안내는:
https://gsap.com/blog/webflow-GSAP/
인증이나 비공개 원이 필요한 방식으로 설치하지 마라. 공식은 적용 언어를 배타 범위로 쓰지 않았고 React, Vue, Svelte 를 동시에 쓰라고도 하지 않는다.