Framer Motion

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

design-taste-frontend-v1 是原始的 taste-skill，適用於高自主性的前端工作，並為了完全向後相容而保留。它能協助產生以 React/Next.js 為導向的 UI 程式碼，並帶來更清楚的品味決策、相依性檢查與實用的安全護欄。當你需要舊版行為、而不是 v2 的實驗性重寫時，請使用這個 design-taste-frontend-v1 技能。

frontend-dev 是一個用於打造精緻、可直接上線的網頁前端技能，涵蓋高質感 UI、電影感動效、AI 生成素材、說服力文案與生成式藝術。適合用在 landing pages、行銷網站、產品頁、儀表板，以及其他需要設計、內容與實作細節彼此一致的前端工作。

frontend-ui-dark-ts 可協助你用 TypeScript、Tailwind CSS、Framer Motion 與可重複使用的設計 tokens，打造深色主題的 React UI。它特別適合儀表板、管理後台、分析視圖，以及其他需要精緻深色美學與一致元件模式的高密度資料介面。

fixing-motion-performance 可在不預設更換技術堆疊的情況下，協助稽核並修正 UI 動畫效能問題。當動效卡頓、與捲動連動的效果成本過高，或轉場造成 layout、paint 或 compositing 工作時，特別適合用在前端開發。它能把動畫 bug 轉化成清楚、可直接落到程式碼層級的修正。