SVG를 60fps 애니메이션으로 살려 주는 Claude Code 스킬
rossark0/rossark-motion-skill그림이나 SVG에 숨쉬기, 눈 깜빡임, 몸의 움직임을 넣어 살아 있는 듯한 60fps 애니메이션으로 만들어 주는 Claude Code 스킬입니다. 캐릭터 얼굴, 전신 동작, 장면 전체를 React Native와 SwiftUI 코드로 만드는 방법을 안내합니다.
1인 사업자 활용: 앱이나 웹에 쓰는 일러스트 캐릭터에 움직임을 더해 화면을 더 생동감 있게 만드는 데 쓸 수 있습니다.
- 앱 속 일러스트 캐릭터에 눈 깜빡임과 숨쉬기 같은 움직임 넣기
- 앱 아이콘이나 로고에 자연스러운 움직임 주기
- 참고 영상을 프레임 단위로 분석해 작은 움직임까지 맞춰 만들기
npx skills@latest add rossark0/rossark-motion-skill
판정: 스킬 파일만 — 상시 비용이 설명 몇 줄뿐
설치 위험 신호 없음
라이선스 MIT · 마지막 수정 2026-10-22 · 형태 skill · 추세 관찰 중
주의: 엔진 템플릿은 React Native와 SwiftUI용이라 다른 스택에서는 원리만 옮겨 써야 합니다.
별 기록
| 날짜 | 별 | 당일 + |
|---|---|---|
| 2026-10-23 | 271 |