GSAP Skills: GSAP 애니메이션 사용법을 제공하는 공식 스킬 모음
AI 코딩 도구에 GSAP의 애니메이션·타임라인·스크롤 연동과 프레임워크별 사용법을 제공하는 공식 스킬 모음이에요.
주요 기능
- GSAP core·timeline·ScrollTrigger·plugins·utils·React·performance·frameworks의 8개 스킬로 나뉩니다.
- React 정리 처리·스코프, Vue/Svelte 등 프레임워크 연동과 성능 패턴을 안내해요.
- Agent Skills CLI와 Claude·Cursor용 플러그인 메타데이터를 제공해요.
구조
Markdown 스킬·참조 및 예제 중심 저장소예요. Claude plugin manifest는 버전 1.0.0, skills 경로 ./skills/를 지정해요. 애니메이션 엔진 자체는 별도 GSAP 의존성이에요.
누구에게 쓸모 있나요
AI와 함께 인터랙티브 웹사이트·스크롤 애니메이션을 만드는 프론트엔드 개발자.
설치 전 준비
- 스킬을 지원하는 AI 코딩 도구.
- 실제 웹 프로젝트의 GSAP·브라우저 환경과 필요 프레임워크 의존성.
- npx 설치 경로를 사용하려면 Node/npm 환경.
- Agent Skills CLI 및 Claude/Cursor 등
- 실제 결과물은 브라우저·React/Vue/Svelte 등 웹 프로젝트
설치 방법
공식 설치 예시
에이전트용 스킬을 추가하는 명령이며 GSAP 실행 검증과는 달라요.
npx skills add https://github.com/greensock/gsap-skills사용 방법
- 웹 프로젝트에 스킬을 연결한 뒤 스크롤·타임라인·플러그인 사용 목적을 설명해요.
- 생성된 효과를 실제 브라우저에서 접근성·성능·컴포넌트 해제 시 정리 처리까지 확인해요.
비용과 API 키
스킬 저장소는 MIT예요. README는 GSAP 및 플러그인의 상업 사용 포함 무료화를 설명하지만 실제 GSAP 이용 약관과 코딩 도구 비용은 별도로 확인해야 해요.
라이선스
스킬 LICENSE는 MIT, Copyright (c) 2026 GreenSock예요. 저작권·허가 고지 유지 및 무보증 조건이 적용돼요. 이 라이선스를 GSAP 엔진 자체의 모든 이용 조건과 동일하다고 해석하면 안 돼요.
주의사항과 알려진 이슈
- 스킬 문서의 안전성 표현은 보안 감사 결과가 아니에요.
- 자동 생성한 모션은 과도한 움직임·레이아웃 변화·정리 누락 문제를 별도 테스트해야 해요.
확인 범위
확인 날짜: 2026-11-08
확인 커밋: aed9cfd3277740755f6bfc1155c7aa645403b760
확인한 범위: 공식 GitHub 메타데이터·관측 커밋·README 및 기재된 고정 커밋 파일을 읽은 정적 검토예요.
확인 한계: 설치·코드 실행·스킬 활성화·영상 생성·외부 API 호출·보안 감사를 하지 않았어요. 전체 코드·모든 모델·현재 요금·플랫폼 호환성은 검증하지 않았어요. 공개 이슈를 별도 조사하지 않았으며 빈 issues 배열은 문제가 없다는 뜻이 아니에요.