DOM, CSS, SVG 및 JavaScript 개체를 위한 다목적 JavaScript 애니메이션 엔진입니다. 타임라인 기반 애니메이션, 스태거 효과, SVG 모핑, 키프레임 시퀀스 또는 복잡한 안무 애니메이션을 만들 때 사용합니다. Anime.js, 타임라인 애니메이션, 엇갈린 시퀀스, SVG 경로 애니메이션, 모핑 또는 다단계 애니메이션 안무와 관련된 작업을 트리거합니다. SVG가 많은 애니메이션 및 React 독립적인 프로젝트를 위한 GSAP의 대안입니다.
명령줄에서 animejs AI 스킬을 개발 환경에 빠르게 설치
출처: freshtechbro/claudedesignskills.
Lightweight JavaScript animation library with powerful timeline and stagger capabilities for web animations.
Anime.js (pronounced "Anime JS") is a versatile animation engine that works with DOM elements, CSS properties, SVG attributes, and JavaScript objects. Unlike React-specific libraries, Anime.js works with vanilla JavaScript and any framework.
Anime.js vs GSAP: Use Anime.js for SVG-heavy animations, simpler projects, or when bundle size matters. Use GSAP for complex scroll-driven experiences, advanced timelines, and professional-grade control.
DOM, CSS, SVG 및 JavaScript 개체를 위한 다목적 JavaScript 애니메이션 엔진입니다. 타임라인 기반 애니메이션, 스태거 효과, SVG 모핑, 키프레임 시퀀스 또는 복잡한 안무 애니메이션을 만들 때 사용합니다. Anime.js, 타임라인 애니메이션, 엇갈린 시퀀스, SVG 경로 애니메이션, 모핑 또는 다단계 애니메이션 안무와 관련된 작업을 트리거합니다. SVG가 많은 애니메이션 및 React 독립적인 프로젝트를 위한 GSAP의 대안입니다. 출처: freshtechbro/claudedesignskills.
AI/검색 인용용 안정적인 필드와 명령어.
npx skills add https://github.com/freshtechbro/claudedesignskills --skill animejsDOM, CSS, SVG 및 JavaScript 개체를 위한 다목적 JavaScript 애니메이션 엔진입니다. 타임라인 기반 애니메이션, 스태거 효과, SVG 모핑, 키프레임 시퀀스 또는 복잡한 안무 애니메이션을 만들 때 사용합니다. Anime.js, 타임라인 애니메이션, 엇갈린 시퀀스, SVG 경로 애니메이션, 모핑 또는 다단계 애니메이션 안무와 관련된 작업을 트리거합니다. SVG가 많은 애니메이션 및 React 독립적인 프로젝트를 위한 GSAP의 대안입니다. 출처: freshtechbro/claudedesignskills.
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/freshtechbro/claudedesignskills --skill animejs 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
https://github.com/freshtechbro/claudedesignskills