animejs-v4
✓웹 구성 요소용 Anime.js 4.0 애니메이션 — 드래그 앤 드롭, 클릭 피드백, 교체, 취소 가능한 모션. 사용자 정의 요소에 애니메이션, 드래그 상호 작용, 시각적 피드백 또는 모션을 추가할 때 사용합니다. 수명주기 정리를 위해 웹 구성 요소 아키텍처와 결합됩니다.
SKILL.md
| cancel() | Stop immediately, keep current inline styles | | revert() | Stop and remove all inline styles | | complete() | Jump to final values immediately |
Built-in: linear, in, out, inOut, outIn (with power: out(3)). Named: inQuad, outQuad, inOutQuad, inCubic, outExpo, inOutElastic, outBounce, outBack.
Always cancel existing animations before starting new ones. Use a WeakMap to track animations per element without memory leaks.
웹 구성 요소용 Anime.js 4.0 애니메이션 — 드래그 앤 드롭, 클릭 피드백, 교체, 취소 가능한 모션. 사용자 정의 요소에 애니메이션, 드래그 상호 작용, 시각적 피드백 또는 모션을 추가할 때 사용합니다. 수명주기 정리를 위해 웹 구성 요소 아키텍처와 결합됩니다. 출처: matthewharwood/fantasy-phonics.
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/matthewharwood/fantasy-phonics --skill animejs-v4- 카테고리
- </>개발 도구
- 인증됨
- ✓
- 최초 등록
- 2026-02-01
- 업데이트
- 2026-02-18
빠른 답변
animejs-v4이란?
웹 구성 요소용 Anime.js 4.0 애니메이션 — 드래그 앤 드롭, 클릭 피드백, 교체, 취소 가능한 모션. 사용자 정의 요소에 애니메이션, 드래그 상호 작용, 시각적 피드백 또는 모션을 추가할 때 사용합니다. 수명주기 정리를 위해 웹 구성 요소 아키텍처와 결합됩니다. 출처: matthewharwood/fantasy-phonics.
animejs-v4 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/matthewharwood/fantasy-phonics --skill animejs-v4 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/matthewharwood/fantasy-phonics
상세
- 카테고리
- </>개발 도구
- 출처
- skills.sh
- 최초 등록
- 2026-02-01