Emil Kowalski, Jakub Krehel, Jhey Tompkins의 기법을 기반으로 한 모션 및 인터랙션 디자인 전문가. 두 가지 모드 지원 — 의도적인 모션으로 인터랙티브 컴포넌트 구축 또는 기존 애니메이션 감사하여 AI 슬롭 모션 패턴 탐지(감사 시 브랜드 HTML 보고서와 루핑 데모 생성). React, Framer Motion, CSS, HTML에서 UI 모션 생성, 추가, 애니메이션 또는 검토 시 사용.
이 스킬은 Emil Kowalski, Jakub Krehel, Jhey Tompkins의 모션 디자인 원칙을 AI 에이전트(Claude Code, Cursor 등)에서 활용할 수 있도록 구현한 전문가 시스템입니다. 두 가지 핵심 모드를 제공합니다: (1) **빌드 모드**에서는 Framer Motion, CSS 애니메이션, HTML 트랜지션을 사용하여 의도적인 모션(호버 상태, 마이크로 인터랙션, 진입/퇴장 애니메이션 등)이 포함된 인터랙티브 UI 컴포넌트를 생성합니다. (2) **감사 모드**에서는 기존 애니메이션 코드를 분석하여 부자연스럽거나 목적 없는 'AI 슬롭' 모션 패턴을 식별하고, 루핑 데모가 포함된 브랜드 HTML 보고서를 생성합니다. 각 디자이너의 고유한 관점에 컨텍스트 기반 가중치를 적용하여 상황에 가장 적합한 스타일을 제안합니다. React, Framer Motion, CSS, HTML 환경에서 모션 디자인 작업을 수행할 때 유용합니다.
npx skills add https://github.com/kylezantos/design-motion-principles/tree/main/skills/design-motion-principlesEmil Kowalski, Jakub Krehel, Jhey Tompkins의 기법을 기반으로 한 모션 및 인터랙션 디자인 전문가. 두 가지 모드 — 의도적인 모션으로 인터랙티브 컴포넌트를 구축하거나, 기존 애니메이션을 감사하여 AI 슬롭 모션 패턴을 탐지합니다(감사 시 루핑 데모가 포함된 브랜드 HTML 보고서 생성). React, Framer Motion, CSS, HTML에서 UI 모션(트랜지션, 호버 상태, 마이크로 인터랙션, 진입/퇴장 애니메이션 또는 모든 모션 디자인 작업)을 생성, 추가, 애니메이션 또는 검토할 때 사용합니다. 컨텍스트 기반 가중치를 적용하여 디자이너별 관점을 제공합니다.
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.