greensock/gsap-skills

어떤 프로젝트인가요?

핵심 기능

• 01gsap.to, from, fromTo의 핵심 트윈, 이징, 스태거, 기본값을 다룹니다.
• 02타임라인 순서 지정, 위치 매개변수, 레이블, 중첩을 설명합니다.
• 03고정, 스크럽, 새로고침 등 ScrollTrigger 사용법을 안내합니다.
• 04Flip, Draggable, SplitText, ScrollSmoother 등의 플러그인 사용법을 제공합니다.
• 05적절한 정리 작업을 포함한 React useGSAP 및 gsap.context 패턴을 제공합니다.

활용 사례

• AI 코딩 보조 도구로 GSAP 기반 스크롤 애니메이션을 생성합니다.
• AI가 생성하는 GSAP 코드가 라이브러리 권장 패턴을 따르도록 합니다.
• 적절한 정리 작업과 함께 React, Vue 또는 Svelte 프로젝트에 GSAP 애니메이션을 추가합니다.

빠른 시작

1. 1

   코딩 에이전트에 스킬을 설치합니다

   npx skills add https://github.com/greensock/gsap-skills
2. 2

   프로젝트에 GSAP 패키지를 설치합니다(모든 플러그인이 포함되어 있습니다)

사용 전 알아둘 점

• !스킬은 AI 에이전트를 위한 가이드이며 GSAP 라이브러리 자체가 아닙니다. 따라서 애니메이션을 실행하려면 gsap를 별도로 설치해야 합니다.

토픽

자주 묻는 질문

gsap-skills은(는) 무엇인가요?

코딩 보조 도구가 GSAP 애니메이션 라이브러리를 올바르게 사용하도록 가르치는 공식 AI 에이전트 스킬입니다. GSAP AI Skills는 GreenSock 팀이 GSAP(GreenSock Animation Platform)을 위해 제공하는 Agent Skills 파일 모음입니다. 각 스킬은 AI 코딩 에이전트가 라이브러리의 의도에 맞는 GSAP 코드를 작성하도록 불러오는 전문 가이드로, 트윈, 타임라인, ScrollTrigger, 플러그인, gsap.utils, React 및 기타 프레임워크, 성능을 다룹니다.

gsap-skills은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

gsap-skills은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

gsap-skills은(는) 아직 유지보수되고 있나요?

6개월 이내 업데이트. gsap-skills의 마지막 커밋은 2026년 7월 29일입니다.

gsap-skills은(는) 어디에 사용할 수 있나요?

AI 코딩 보조 도구로 GSAP 기반 스크롤 애니메이션을 생성합니다. AI가 생성하는 GSAP 코드가 라이브러리 권장 패턴을 따르도록 합니다. 적절한 정리 작업과 함께 React, Vue 또는 Svelte 프로젝트에 GSAP 애니메이션을 추가합니다.

gsap-skills는 어떻게 설치하나요?

코딩 에이전트에 스킬을 설치합니다: npx skills add https://github.com/greensock/gsap-skills 프로젝트에 GSAP 패키지를 설치합니다(모든 플러그인이 포함되어 있습니다)

gsap-skills은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/greensock/gsap-skills