motion-design 是做什麼的？
應用動態設計原則，打造情感驅動且技術紮實的動畫與轉場效果。提供時間控制、緩動函數、動態編排以及適用於 UI 的迪士尼動畫原則。適用於製作動畫、轉場、微互動、載入狀態、頁面轉場、滾動觸發效果或任何動態相關工作。可搭配 CSS、Framer Motion、GSAP、Lottie、Spring 或任何動畫系統使用。
應用動態設計原則，打造情感驅動且技術紮實的動畫與轉場效果。提供時間控制、緩動函數、動態編排以及適用於 UI 的迪士尼動畫原則。適用於製作動畫、轉場、微互動、載入狀態、頁面轉場、滾動觸發效果或任何動態相關工作。可搭配 CSS、Framer Motion、GSAP、Lottie、Spring 或任何動畫系統使用。
這個技能彙整了專業的動態設計原則，協助開發者與設計師創建情感豐富且技術可靠的動畫與轉場。其核心是將經典的迪士尼動畫原則（如擠壓與拉伸、預備動作、跟隨動作等）轉化為 UI 環境下可實際應用的指南，並提供關於時間控制、緩動函數與動態編排的詳細建議。該技能支援多種主流動畫工具與函式庫，包括 CSS、Framer Motion、GSAP、Lottie 以及 Spring，無論是用於微互動、載入狀態、頁面轉場還是滾動觸發效果，都能找到合適的實作方向。透過這套方法，使用者可以避免動畫生硬或不協調，進而提升使用者體驗的流暢度與吸引力。
npx skills add https://github.com/lottiefiles/motion-design-skill/tree/main/skills/motion-design應用動態設計原則，打造情感驅動且技術紮實的動畫與轉場效果。提供時間控制、緩動函數、動態編排以及適用於 UI 的迪士尼動畫原則。適用於製作動畫、轉場、微互動、載入狀態、頁面轉場、滾動觸發效果或任何動態相關工作。可搭配 CSS、Framer Motion、GSAP、Lottie、Spring 或任何動畫系統使用。
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.