在撰寫任何動畫或轉場（CSS、JS、SwiftUI/UIKit、Remotion/影片、Framer Motion、GSAP、Canvas 或手動驅動）之前，**必須**先閱讀此篇。涵蓋合併動畫（交錯、切勿同步）、彈簧感 vs 時序、疊加動畫、從手勢到動畫的速度傳遞，以及可中斷性等動作指導。觸發關鍵字包含：'animate'、'animation'、'transition'、'fade in'、'slide in'、'easing'、'spring'、'duration'、'keyframes'、'motion design'、'micro-interaction'、'make it fee'。
claudes-world/plugins 是一個專為 AI 代理（如 Claude Code、Cursor、Codex）設計的專業技能，提供統一的動畫與轉場設計指導。無論是在 CSS、JavaScript、SwiftUI/UIKit、Remotion、Framer Motion、GSAP 或 Canvas 等平台上開發，此技能都能確保動畫效果既流暢又一致。其核心原則包括：使用交錯而非完全同步來合併動畫；區分彈簧感（spring feel）與時間函數（timing）；優先採用疊加動畫（additive animation）；實現從手勢到動畫的無縫速度傳遞；並確保動畫可隨時中斷，以提升使用者體驗。當使用者在對話中提到任何與動畫相關的關鍵字（例如 'animate'、'transition'、'easing' 等）時，AI 代理將自動觸發此技能，並提供基於這些最佳實踐的建議。這使得開發者能夠快速獲得高品質的動畫設計指引，減少來回溝通的時間，特別適合用於設計複雜的使用者互動或微互動效果。
npx skills add https://github.com/claudes-world/plugins/tree/dev/plugins/interaction-craft/skills/motion在撰寫任何動畫或轉場 — CSS、JS、SwiftUI/UIKit、Remotion/影片、Framer Motion、GSAP、Canvas 或手動驅動 — 之前，必須先閱讀此篇。涵蓋合併動畫（交錯、切勿同步）、彈簧感 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.