可用於通知徽章、下拉選單、模態框、面板顯示、頁面轉場、卡片調整大小、數字彈入、文字互換、圖示切換、成功勾選、頭像群組懸停、錯誤狀態抖動、搜尋/輸入清除、骨架載入器、微光文字、滑動標籤頁、工具提示或交錯文字揭示等場景。
這個技能提供了一套生產就緒的 CSS 轉場效果，專為現代網頁應用程式設計。它涵蓋了從基礎的按鈕懸停到複雜的頁面轉場和交錯動畫等各種常見的 UI 動畫需求。該技能支援多個主流 AI 代理平台，如 Claude Code、Cursor 和 Codex，並透過明確的觸發詞（例如「添加轉場」、「動畫下拉選單」或「平滑打開模態框」）來啟用。其核心原理是根據用戶的提示，自動生成對應的 CSS 程式碼片段或樣式規則，從而簡化前端開發者實現流暢使用者體驗的過程，無需手動編寫複雜的 CSS 動畫邏輯。
npx skills add https://github.com/jakubantalik/transitions.dev/tree/main/skills/transitions-dev生產就緒的 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.