# Emil Kowalski 發布了 /find-animation-opportunities skill，協助開發者搜尋 UI 中適合加入動態效果的位置並排除不必要的動畫

> 📖 本站完整內容索引（documentation index）：[llms.txt](/llms.txt)

> 原作者：Emil Kowalski (@emilkowalski) · 策展與摘要：EasyVibeCoding · 平台：X (Twitter) · 熱度：🔥🔥 · 日期：2026-07-19

> 原始來源：https://x.com/emilkowalski/status/2077404975555031509

## 證據與延伸閱讀

- [能精準分析UI並優化動畫](https://github.com/emilkowalski/skills)

## 中文摘要

Emil Kowalski 發布了 `/find-animation-opportunities` skill，協助開發者搜尋 UI 中適合加入動態效果的位置並排除不必要的動畫。

**核心功能**
Emil Kowalski 在 GitHub 專案 [emilkowalski/skills](https://github.com/emilkowalski/skills) 中推出了這項新工具，旨在解決 AI Agent 在處理介面動畫時缺乏「品味」的問題。該 skill 能精準分析 UI，識別出真正能透過動態效果提升體驗的區域，同時明確指出哪些地方不該過度動畫化，避免介面變得雜亂。 

![](https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/a526f444c17de93a.png)
> 這是一張以純黑為背景，中央呈現一個具有光澤感、外型圓潤且帶有融化效果的黃色奶油塊圖示。

**使用方式**
使用者可透過 `npx` 指令將這些 skill 整合至開發環境中：
```bash
npx skills@latest add emilkowalski/skills
```

**技術背景與應用**
這套 skill 集合是作者基於在 Vercel 與 Linear 的實務經驗所開發，強調 AI 應作為專業知識的放大器，而非取代設計判斷。除了 `/find-animation-opportunities` 外，該專案還包含多項實用工具：
- `review-animations`：依據嚴格規則審查現有動畫。
- `improve-animations`：掃描整個程式庫並產出優先級清單，將優化計畫寫入 `plans/` 資料夾，供其他 Agent 執行。
- `animation-vocabulary`：透過精確的術語指導 AI 生成更符合預期的動畫。
- `apple-design`：將 Apple 的介面設計與流暢動態原則轉譯為網頁開發標準。 

作者認為，透過這些 skill 提供的專業指引，開發者能有效避免常見的動畫錯誤（如錯誤的 easing 選擇或不必要的視覺裝飾），在 AI 生成內容氾濫的環境中，確保介面品質並建立差異化優勢。更多相關更新與 prompt 範例可參考 [animations.dev/skills](https://animations.dev/skills)。

## 標籤

Skills, 開源專案, GitHub