animate

Name: animate
Author: delphi-ai

✓

delphi-ai/animate-skillGitHub: delphi-ai/animate-skill 출처: delphi-ai/animate-skill

Next.js/React 애플리케이션에 대한 애니메이션 패턴 및 모범 사례. React 구성 요소에서 애니메이션, 전환, 호버 효과, 페이지 전환, 모달 또는 모든 모션을 구현할 때 이 기술을 사용하세요. Emil Kowalski의 "웹 애니메이션" 과정을 기반으로 합니다.

delphi-ai·animate

7설치·2트렌드·@delphi-ai

설치

GitHub: delphi-ai/animate-skill

$npx skills add https://github.com/delphi-ai/animate-skill --skill animate

animate 설치 방법

명령줄에서 animate AI 스킬을 개발 환경에 빠르게 설치

터미널 열기: 터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다
설치 명령어 실행: 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/delphi-ai/animate-skill --skill animate
설치 확인: 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다

출처: delphi-ai/animate-skill.

SKILL.md

원본 보기

This skill provides comprehensive guidance for implementing smooth, performant, and accessible animations in Next.js and React applications. It covers CSS animations, Framer Motion, easing principles, and accessibility considerations.

Complete working examples from the course are in the examples/ directory:

Next.js/React 애플리케이션에 대한 애니메이션 패턴 및 모범 사례. React 구성 요소에서 애니메이션, 전환, 호버 효과, 페이지 전환, 모달 또는 모든 모션을 구현할 때 이 기술을 사용하세요. Emil Kowalski의 "웹 애니메이션" 과정을 기반으로 합니다. 출처: delphi-ai/animate-skill.

인용 가능한 정보

AI/검색 인용용 안정적인 필드와 명령어.

설치 명령어: npx skills add https://github.com/delphi-ai/animate-skill --skill animate
출처: delphi-ai/animate-skill
카테고리: </>개발 도구
인증됨: ✓
최초 등록: 2026-02-25
업데이트: 2026-03-10
URL: https://www.learn-skills.dev/ko/skills/delphi-ai/animate-skill/animate

Browse more skills from delphi-ai/animate-skill

빠른 답변

animate이란?

animate 설치 방법은?

터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/delphi-ai/animate-skill --skill animate 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다

소스 저장소는 어디인가요?

https://github.com/delphi-ai/animate-skill

상세

카테고리: </>개발 도구
출처: skills.sh
최초 등록: 2026-02-25