Emilkowalski技能

skills/skills/animate

從零開始建立動畫，依序做出決定，以判斷整體是否自然流暢——是否該有動畫、目的為何、選用哪種工具、哪些屬性、哪條曲線與時長、如何打斷、如何結束。並撰寫實作內容。當被要求為某個東西加上動畫、增添動態感、讓元件更有生命力，或建立轉場效果時使用。若要評論現有動態效果，請使用 review-animations；若要審查整個程式碼庫，請使用 improve-animations。

skills/skills/animation-vocabulary

反向查詢詞彙表，將模糊描述的網頁動畫或動態效果轉換為精確術語（例如：「彈出視窗開啟時的彈跳效果」→ Pop in；「iOS橡皮筋滾動」→ Rubber-banding）。適用於使用者詢問「那個叫什麼…」或描述某個動態效果卻不知其名稱，並希望獲得正確詞彙以提示AI或設計師時使用。此功能僅用於命名效果，而非設計或實作。

skills/skills/apple-design

Apple 的介面設計與流暢、物理動態方法，專為網頁轉譯。適用於建構或審查手勢驅動的 UI、彈性動畫、拖曳/滑動/面板互動、動量與可中斷轉場、半透明材質與深度、字體排印（光學尺寸、字距、行距）、減少動態效果，或 Apple 風格介面背後的設計基礎（回饋、空間一致性、克制）。

skills/skills/ask-sonner

Sonner（React toast 函式庫）使用指南——安裝並接上 Toaster、選用正確的 toast() 呼叫、promise 與 loading toast、更新、關閉及持久化 toast、樣式、主題與圖示、定位與多個 toaster。適用於使用 Sonner 或排解其問題時——例如 toast 未出現、出現兩次、失去樣式、忽略 Tailwind 類別、位於 modal 後方，或未跟隨深色模式。

skills/skills/emil-design-eng

此技能編碼了 Emil Kowalski 關於 UI 打磨、元件設計、動畫決策，以及那些讓軟體體驗出色的隱形細節的設計哲學。

skills/skills/find-animation-opportunities

搜尋程式碼庫或 UI 中應該有動畫但沒有的地方，並排除所有不應該有動畫的部分。唯讀；它會提出具有精確數值的動畫建議，但不會實際實作。當使用者詢問「這裡可以加入什麼動畫？」或想要「讓這個感覺更有生命力」時使用。若要修復現有的動畫，請改用 improve-animations 或 review-animations。

skills/skills/improve-animations

以資深動畫顧問的身份，審查程式碼庫中的動畫與動態程式碼，產出優先排序的稽核報告與可獨立執行的實作計畫，供其他代理（或較低成本模型）執行。僅對原始碼進行唯讀操作——負責規劃改進，不實際套用。適用於使用者要求「改善動畫」、「稽核動態」、「讓這個應用程式感覺更好」，或希望獲得動畫修正路線圖（而非單一差異審查）時。

skills/skills/pick-ui-library

從精心策劃且具主觀推薦的清單中，為指定的前端任務挑選合適的函式庫——涵蓋數字、OTP輸入、圖表、指令選單、虛擬化、拖放、提示訊息、狀態管理、樣式等。僅在明確呼叫時執行；不會自行觸發。

skills/skills/prototype

為你描述的UI元件建立多個真正不同的版本，並在視覺選取器後方渲染，讓你能夠即時切換瀏覽，選出最合適的那一個。僅在明確呼叫時執行；不會自行觸發。

skills/skills/review-animations

根據 Emil Kowalski 的設計工程哲學所建立的高標準，審查動畫與動態程式碼。預設為標記問題；需主動爭取才能獲得核准。