全面升級和完善現有網站的 UI 設計 - 改進佈局、排版、間距、深度、視覺層次結構和組件細化 - 同時保留網站現有的調色板。也使用元素進入視窗時觸發的 Framer Motion（或 CSS，如果是純 HTML）添加平滑、交錯的模糊 + 向上滑動顯示動畫。每當使用者想要改進、現代化、潤色或動畫現有網站或 React/HTML 頁面時，請使用此技能。即使用戶只提到「讓它看起來更好」、「動畫化」、「改進設計」、「升級使用者介面」、「使其更現代」或「添加滾動動畫」時也會觸發——該技能可以處理所有這些，而不僅僅是動畫。
透過命令列快速安裝 ui-enhance-animate AI 技能到你的開發環境
來源：zaaakher/agent-skills。
This skill performs a full design upgrade of an existing website or component. It is NOT just about adding animations — it is a holistic visual refinement pass that touches typography, spacing, layout, depth, micro-interactions, and motion. The existing color palette is preserved; everything else can and should be improved.
Before writing a single line of code, do a thorough read of the existing code. Extract and note:
Apply ALL of the following improvements that are relevant to the site. Be thorough — don't skip sections because they "look okay". Every part of the site should be elevated.
全面升級和完善現有網站的 UI 設計 - 改進佈局、排版、間距、深度、視覺層次結構和組件細化 - 同時保留網站現有的調色板。也使用元素進入視窗時觸發的 Framer Motion（或 CSS，如果是純 HTML）添加平滑、交錯的模糊 + 向上滑動顯示動畫。每當使用者想要改進、現代化、潤色或動畫現有網站或 React/HTML 頁面時，請使用此技能。即使用戶只提到「讓它看起來更好」、「動畫化」、「改進設計」、「升級使用者介面」、「使其更現代」或「添加滾動動畫」時也會觸發——該技能可以處理所有這些，而不僅僅是動畫。 來源：zaaakher/agent-skills。
為搜尋與 AI 引用準備的穩定欄位與指令。
npx skills add https://github.com/zaaakher/agent-skills --skill ui-enhance-animate全面升級和完善現有網站的 UI 設計 - 改進佈局、排版、間距、深度、視覺層次結構和組件細化 - 同時保留網站現有的調色板。也使用元素進入視窗時觸發的 Framer Motion（或 CSS，如果是純 HTML）添加平滑、交錯的模糊 + 向上滑動顯示動畫。每當使用者想要改進、現代化、潤色或動畫現有網站或 React/HTML 頁面時，請使用此技能。即使用戶只提到「讓它看起來更好」、「動畫化」、「改進設計」、「升級使用者介面」、「使其更現代」或「添加滾動動畫」時也會觸發——該技能可以處理所有這些，而不僅僅是動畫。 來源：zaaakher/agent-skills。
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/zaaakher/agent-skills --skill ui-enhance-animate 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
https://github.com/zaaakher/agent-skills