为 Web 应用提供生产级 CSS 过渡效果。适用于实现通知徽章、下拉菜单、弹窗、面板展开、页面切换、卡片尺寸调整、数字弹出、文本/图标替换、成功确认、头像组悬停、错误状态抖动、搜索/输入清除、骨架屏加载器、闪烁文本、滑动选项卡、工具提示或交错文本显示等场景。
这个 AI 助手技能专注于为 Web 应用创建生产级的 CSS 过渡和动画效果。它能够处理从简单的悬停效果（如头像组悬停、卡片悬浮）到复杂的 UI 状态变化（如下拉菜单打开、弹窗平滑出现、页面滑动切换）等多种过渡场景。该技能支持各种常见的前端交互元素，包括通知徽章、骨架屏加载器、工具提示、滑动选项卡、表单错误抖动等，并提供交错动画和文本逐渐显示的精细控制。它的核心价值在于让开发者通过自然语言指令（如“添加过渡效果”、“让弹窗平滑打开”、“添加骨架屏加载器”）快速获得现成的 CSS 动画代码，而无需手动编写复杂的 CSS 过渡逻辑。该技能设计为通用型，不限制特定前端框架，大部分生成的代码基于纯 CSS 或可方便地整合到 React、Vue、Angular 等项目中。用户可以通过“应用过渡效果”、“查看已有过渡”、“调整过渡参数”等指令与技能进行交互和迭代优化。
npx skills add https://github.com/jakubantalik/transitions.dev/tree/main/skills/transitions-dev为 Web 应用提供生产级 CSS 过渡效果。适用于实现通知徽章、下拉菜单、弹窗、面板展开、页面切换、卡片尺寸调整、数字弹出、文本/图标替换、成功确认、头像组悬停、错误状态抖动、搜索/输入清除、骨架屏加载器、闪烁文本、滑动选项卡、工具提示或交错文本显示等场景。触发器包括：“添加过渡效果”、“动画化下拉菜单”、“让弹窗平滑打开”、“替换图标”、“页面滑动”、“交错动画”、“打开/关闭过渡”、“让它动起来”、“淡入淡出”、“成功动画”、“表单错误”、“无效时抖动”、“悬停上浮”、“头像堆叠悬停”、“清除搜索”、“骨架屏加载器”、“加载闪烁”、“闪烁文本”、“滑动选项卡”、“分段控件”、“工具提示”、“文本逐渐显示”。同时支持“查看过渡效果”、“检查过渡效果”、“应用过渡效果”、“优化过渡效果”。
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.