Micro Interactions

interaction-design skill 可協助團隊設計並實作有明確目的的 UI 動態、微互動、轉場、載入狀態與回饋模式，並提供以 React 為導向的實用參考與使用指引。

使用 delight skill 為成功、載入、空白與 onboarding 狀態加入有品味的 UI 潤飾、微互動與品牌個性，同時不影響可用性或使用者注意力。

delight skill 可為 UI Design 加入恰到好處的愉悅感、角色感與細節層次。適合用來優化成功狀態、空狀態、載入時刻與各種互動體驗，並提供依情境調整的 delight 安裝、設定與使用指引。

使用 animate skill 檢視 UI 功能，並規劃有目的的動畫、微互動與轉場效果。它能協助你找出哪些動態能提升回饋感、清晰度、層級與愉悅感，同時需要先具備來自 /frontend-design 的設計脈絡，並兼顧效能與無障礙。

delight skill 可協助 UI 團隊加入有品味的微互動、文案與回饋時刻，讓介面更有溫度，也更容易被記住。最適合用來打磨特定畫面或操作流程，不適合拿來做整體重新設計。建議先具備 /frontend-design 的前置脈絡，必要時也可先使用 /teach-impeccable。

使用 animate skill 檢視功能介面，加入有目的的動畫、微互動與動態效果，提升清晰度、回饋感與整體細緻度。最適合有明確目標、設計脈絡與效能限制的 UI 設計工作。

使用 animate skill 檢視 UI 功能，加入有明確目的的轉場、回饋狀態與微互動。它會引導你根據可用性、效能限制、降低動態需求與清楚的實作方向來做動效決策，而不只是單純堆疊裝飾性效果。