Communitygithub.com

emilkowalski/review-animations (애니메이션 검토)

이 스킬을 활성화하면 AI 에이전트가 애니메이션 관련 작업을 수행할 때 적절하게 대응합니다.

review-animations (애니메이션 검토)란 무엇인가요?

이 스킬은 AI 에이전트(예: Claude Code)가 애니메이션 관련 코드 리뷰 및 분석을 수행할 수 있도록 도와줍니다. 주로 `emilkowalski/skills` 저장소에서 제공되는 'review-animations' 스킬을 기반으로 하며, 작업이 애니메이션 도메인과 일치할 때 사용됩니다. 에이전트는 CSS 전환, JavaScript 애니메이션, 프레임워크별 애니메이션 라이브러리(예: Framer Motion) 등을 분석하고 개선점을 제안할 수 있습니다. 이 스킬은 개발자가 애니메이션 성능, 접근성, 부드러움 등을 자동으로 검토받고 싶을 때 유용합니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/emilkowalski/skills/tree/main/skills/review-animations

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

review-animations (애니메이션 검토)은(는) 무엇을 하나요?

emilkowalski/skills에서 제공하는 'review-animations' 에이전트 스킬입니다. 작업이 애니메이션 도메인과 일치할 때 사용하세요.

개요

이 스킬은 AI 에이전트가 애니메이션과 관련된 코드를 분석하고 검토할 수 있도록 설계되었습니다. CSS 키프레임, JavaScript requestAnimationFrame, 모션 라이브러리 등 다양한 애니메이션 기법을 평가하고 최적화 방안을 제시합니다.

지원 플랫폼

  • Claude Code
  • Cursor
  • Codex
  • 기타 AI 코딩 에이전트

사용 방법

에이전트에게 애니메이션 관련 작업(예: "애니메이션 성능 검토", "모션 라이브러리 사용법 확인")을 요청하면 이 스킬이 자동으로 활성화됩니다.

예시 작업

  • framer-motion을 사용한 페이지 전환 애니메이션 검토
  • CSS transition 타이밍 함수 최적화
  • 애니메이션 접근성(A11Y) 문제 진단
  • requestAnimationFrame 루프 성능 분석

Individual skills in this repo

This repo contains 11 individual skills — each has its own dedicated page.

관련 스킬