建立、審查和除錯 UI 動態與動畫實作。涵蓋彈簧效果、手勢、拖曳互動、裁切路徑揭示、緩動曲線、時間控制、CSS 過渡配方，以及動畫審查。
這是一個專門用於 UI 動畫與動態設計的 AI 代理技能，命名為 `mblode/ui-animation`。其主要功能是協助開發者建立、審查和除錯使用者介面上的動畫效果，特別是針對現代前端開發中常見的 Spring 動畫、手勢操作、拖曳互動、CSS 過渡效果等。此技能支援的平台包括 Claude Code 等可執行技能的 AI 代理環境。它能夠理解如「添加動畫」、「讓這個更流暢」、「審查我的動畫」、「應該有動畫嗎」、「新增滑動手勢」或「新增過渡效果」等指令。在實際使用上，它與其他技能互補：若要從螢幕錄影重現動態，應使用 `reverse-engineer-animation`；若專注於整體視覺方向與樣式，則使用 `ui-design`；若要處理命名文字特效規格，則使用 `animate-text`。
npx skills add https://github.com/mblode/agent-skills/tree/main/skills/ui-animation建立、審查和除錯 UI 動態與動畫實作。涵蓋彈簧效果、手勢、拖曳互動、裁切路徑揭示、緩動曲線、時間控制、CSS 過渡配方，以及動畫審查。在設計、實作或審查動態效果、CSS 過渡、關鍵幀、framer-motion、彈簧動畫時，或提出「新增動畫」、「讓這個更流暢」、「審查我的動畫」、「這個應該有動畫嗎」、「新增滑動手勢」或「新增過渡效果」等要求時使用。若要從螢幕錄影或影片重現動態，請使用 reverse-engineer-animation；若涉及整體視覺方向與樣式，請使用 ui-design；若需處理命名文字特效規格（打字機效果、行揭示、動態構建），請使用 animate-text。
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.