emilkowal-animations이란?
Emil Kowalski의 웹 인터페이스 애니메이션 모범 사례. React, CSS 또는 Framer Motion에서 애니메이션을 작성, 검토 또는 구현할 때 사용합니다. 전환, 여유, 동작, 토스트, 서랍 또는 모션과 관련된 작업을 트리거합니다. 출처: blockmatic/basilic.
·emilkowal-animations
</>
emilkowal-animations
✓Emil Kowalski의 웹 인터페이스 애니메이션 모범 사례. React, CSS 또는 Framer Motion에서 애니메이션을 작성, 검토 또는 구현할 때 사용합니다. 전환, 여유, 동작, 토스트, 서랍 또는 모션과 관련된 작업을 트리거합니다.
emilkowal-animations 설치 방법
명령줄에서 emilkowal-animations AI 스킬을 개발 환경에 빠르게 설치
- 터미널 열기: 터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다
- 설치 명령어 실행: 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/blockmatic/basilic --skill emilkowal-animations
- 설치 확인: 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
출처: blockmatic/basilic.
SKILL.md
원본 보기Comprehensive animation guide for web interfaces based on Emil Kowalski's teachings, open-source libraries (Sonner, Vaul), and his animations.dev course. Contains 43 rules across 7 categories, prioritized by impact.
| 1 | Easing Selection | CRITICAL | ease- | | 2 | Timing & Duration | CRITICAL | timing- | | 3 | Property Selection | HIGH | props- | | 4 | Transform Techniques | HIGH | transform- | | 5 | Interaction Patterns | MEDIUM-HIGH | interact- | | 6 | Strategic Animation | MEDIUM | strategy- | | 7 | Accessibility & Polish | MEDIUM | polish- |
| cubic-bezier(0.32, 0.72, 0, 1) | iOS-style drawer/sheet animation | | scale(0.97) | Button press feedback | | scale(0.95) | Minimum enter scale (never scale(0)) | | 200ms ease-out | Standard UI transition | | 300ms | Maximum duration for UI animations | | 500ms | Drawer animation duration | | 0.11 px/ms | Velocity threshold for momentum dismiss |
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/blockmatic/basilic --skill emilkowal-animations- 카테고리
- </>개발 도구
- 인증됨
- ✓
- 최초 등록
- 2026-02-25
- 업데이트
- 2026-03-10
빠른 답변
emilkowal-animations 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/blockmatic/basilic --skill emilkowal-animations 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/blockmatic/basilic
상세
- 카테고리
- </>개발 도구
- 출처
- skills.sh
- 최초 등록
- 2026-02-25