framer-motion-animator은(는) 무엇을 하나요?
Framer Motion을 사용하여 페이지 전환, 제스처, 스크롤 기반 애니메이션, 오케스트레이션 시퀀스를 포함한 부드러운 애니메이션과 마이크로 인터랙션을 생성합니다. 사용자가 '애니메이션 추가', 'framer motion', '페이지 전환', '컴포넌트 애니메이션', '마이크로 인터랙션'을 요청할 때 사용하세요.
Framer Motion을 사용하여 페이지 전환, 제스처, 스크롤 기반 애니메이션, 오케스트레이션 시퀀스를 포함한 부드러운 애니메이션과 마이크로 인터랙션을 생성합니다. 사용자가 '애니메이션 추가', '프레이머 모션', '페이지 전환', '컴포넌트 애니메이션', '마이크로 인터랙션'을 요청할 때 사용하세요.
이 스킬은 프론트엔드 애플리케이션에 Framer Motion을 통합하여 고품질의 애니메이션을 손쉽게 추가할 수 있도록 설계되었습니다. React 기반 프로젝트(특히 Next.js, Gatsby, Create React App)에서 페이지 전환, 제스처 반응, 스크롤에 따라 트리거되는 애니메이션, 그리고 여러 애니메이션을 조율하는 복잡한 시퀀스를 구현하는 데 최적화되어 있습니다. 사용자가 '애니메이션 추가', 'framer motion', '페이지 전환' 등과 같은 명령을 내리면, 이 스킬은 적절한 Framer Motion 컴포넌트(motion.div, AnimatePresence 등)와 속성을 생성하여 코드에 적용합니다. 마이크로 인터랙션(버튼 호버, 카드 확장 등)부터 전체 페이지 라우팅 전환까지 다양한 범위의 애니메이션 패턴을 지원하며, 성능 최적화와 사용자 경험 향상을 목표로 합니다. 이 스킬은 개발자가 복잡한 CSS 애니메이션을 직접 작성할 필요 없이 선언적이고 직관적인 방식으로 애니메이션을 정의할 수 있게 해줍니다.
npx skills add https://github.com/patricio0312rev/skills/tree/main/skills/framer-motion-animatorFramer Motion을 사용하여 페이지 전환, 제스처, 스크롤 기반 애니메이션, 오케스트레이션 시퀀스를 포함한 부드러운 애니메이션과 마이크로 인터랙션을 생성합니다. 사용자가 '애니메이션 추가', 'framer motion', '페이지 전환', '컴포넌트 애니메이션', '마이크로 인터랙션'을 요청할 때 사용하세요.
Extract frames or short clips from videos using ffmpeg.
Summarize or transcribe URLs, YouTube/videos, podcasts, articles, transcripts, PDFs, and local files.
Use when testing, fixing, or extending the OpenClaw Control UI GUI with Vitest + Playwright end-to-end checks, mocked Gateway WebSocket flows, mocked dashboard runs, screenshots/videos, or agent-verifiable browser proof.
Obra superpowers agent skills.
See, Understand, Act on video and audio. See- ingest from local files, URLs, RTSP/live feeds, or live record desktop; return realtime context and playable stream links. Understand- extract frames, build visual/semantic/temporal indexes, and search moments with timestamps and auto-clips. Act- transcode and normalize (codec, fps, resolution, aspect ratio), perform timeline edits (subtitles, text/image overlays, branding, audio overlays, dubbing, translation), generate media assets (image, audio...
End-to-end marketing campaign planning and execution. Covers audience research, positioning, campaign angle definition, landing page copy, email sequences, social posts, ad copy, short-form video scripts, and content calendars. Use as the orchestration layer for multi-channel product launches. Use when planning or executing a multi-channel product launch, or producing landing page, email, social, or ad copy.