アニメーションやトランジションを作成する前に必ず読むべきガイド。CSS、JS、SwiftUI/UIKit、Remotion/video、Framer Motion、GSAP、キャンバス、手動実装を対象とし、ステガー（ずらし）・非同期、スプリング感覚 vs タイミング、加算アニメーション、ジェスチャーからアニメーションへの速度ハンドオフ、割り込み可能性をカバーします。
このスキルは、あらゆるアニメーションやトランジションを作成する前に参照すべき包括的なモーションガイドです。CSS、JavaScript、SwiftUI/UIKit、Remotion/video、Framer Motion、GSAP、キャンバス、手動実装など、あらゆるプラットフォームで適用可能なベストプラクティスを提供します。主なトピックとして、複数アニメーションの組み合わせ（ステガー、決して同期しない）、スプリング感覚とタイミング関数の使い分け、加算アニメーション（additive animation）、ジェスチャーからアニメーションへの速度ハンドオフ、そして割り込み可能性（interruptibility）をカバーしています。'animate'、'animation'、'transition'、'fade in'、'slide in'、'easing'、'spring'、'duration'、'keyframes'、'motion design'、'micro-interaction'、'make it feel'といったキーワードがトリガーとなります。このガイドを読むことで、開発者は直感的で滑らか、かつユーザー体験を損なわない高度なアニメーションを設計・実装できるようになります。
npx skills add https://github.com/claudes-world/plugins/tree/dev/plugins/interaction-craft/skills/motionアニメーションやトランジションを書く前に必ず読むこと — CSS、JS、SwiftUI/UIKit、Remotion/video、Framer Motion、GSAP、キャンバス、または手動実装を対象とします。複数アニメーションの組み合わせ（ステガー、同期させない）、スプリング感覚 vs タイミング、加算アニメーション、ジェスチャーからアニメーションへの速度ハンドオフ、割り込み可能性に関するモーションガイドをカバーします。トリガーキーワード: 'animate'、'animation'、'transition'、'fade in'、'slide in'、'easing'、'spring'、'duration'、'keyframes'、'motion design'、'micro-interaction'、'make it fee'
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.