创建、审查和调试 UI 动效与动画实现。涵盖弹簧、手势、拖拽交互、剪裁路径揭示、缓动曲线、时序、CSS 过渡方案以及动画评审。
mblode/ui-animation 是一个专注于 UI 动效与动画的专业技能，适用于 AI 代理（如 Claude Code、Cursor、Codex 等）。它帮助开发者设计、实现和审查运动效果，从简单的 CSS 过渡到复杂的 framer-motion 弹簧动画。该技能支持多种平台，并提供详细指导，包括手势识别、拖拽交互、剪裁路径动画和缓动曲线优化。当你需要为界面增加流畅动效、审查现有动画、或从零开始设计运动方案时，此技能尤为有用。此外，它还能帮助识别动画性能问题，并建议最佳实践。如果有屏幕录制或视频需要逆向分析动效，请使用专门的 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.