提示詞
將 [套用位置] 替換成你要套用的位置，再貼給 AI 代理。提示詞中包含動效名稱，下次只要說出名稱就能提出需求。
在[套用位置]加入「懸停互動按鈕」(Interactive Hover Button) 效果。
文字旁的小圓點放大到填滿按鈕，同時文字往一側滑出並淡出，帶箭頭的文字再從新的填色上滑入：流暢而快速。
按鈕尺寸保持固定，文字全程清楚易讀；鍵盤聚焦時也顯示同樣的效果。相似的動效
AB
將滑鼠移到上面
圖示飄出按鈕並淡出，同時新圖示飄進來。
適用情境
圖示按鈕
在[套用位置]加入「圖示浮離」(Icon Float Away) 懸停效果。
目前的圖示往上飄走並淡出，同時新圖示從下方浮上來補位，過渡流暢；游標移開時反向切換回來。
切換過程中按鈕尺寸保持固定；鍵盤聚焦時也顯示同樣的效果。A
B
移動指標試試
Direction Aware Hover (方向感知懸停)
別稱 Direction-aware overlay
遮罩層從游標進入的一側滑入，並朝游標離開的一側滑出。
適用情境
圖片藝廊、作品集網格
在[套用位置]加入「方向感知懸停」(Direction Aware Hover) 效果，也叫方向感知遮罩 (direction-aware overlay)。
遮罩層從游標進入的那一側滑入，再朝游標離開的那一側滑出：快速、流暢。
依據游標進入和離開時的位置判斷方向；觸控或鍵盤焦點時則統一使用一個預設方向。將滑鼠移到上面
Nudge Forward / Backward (前後輕推)
別稱 Arrow nudge
游標懸停時箭頭或元素本身往前或往後滑動幾個像素。
適用情境
下一頁/上一頁連結、箭頭
在[套用位置]加入「前後輕推」(Nudge Forward / Backward) 懸停效果，也叫 arrow nudge。
游標懸停時，箭頭朝它指的方向輕輕滑動一小段，游標移開後滑回：快速、幅度小。
只移動箭頭，不要讓文字或版面跟著位移；鍵盤聚焦時也顯示同樣的效果。A
將滑鼠移到上面
Background Sweep (背景掃過)
別稱 Background Fill, Slide Fill
懸停時，彩色背景從一側邊緣掃過整個元素。
適用情境
按鈕、選單連結
在[套用位置]加入「背景掃過」(Background Sweep) 懸停效果，也叫背景填充 (background fill) 或滑動填充 (slide fill)。
新的背景色從左側邊緣掃到右側，平順、快速、不回彈，游標移開時以同樣方式退回，同時文字顏色跟著切換以維持可讀性。
讓填色始終裁切在元素的形狀之內，鍵盤焦點時也呈現同樣的效果。Hover 中的其他動效
A
將滑鼠移到上面
游標懸停時外框線從元素往外擴張，或往元素收縮。
適用情境
按鈕
在[套用位置]加入「外框擴張」(Outline Expand) 懸停效果。
外框線一開始緊貼元素邊緣，接著往外擴張，在四周留出一小圈間隙，懸停期間維持不變，游標移開後再收回：流暢而快速。
繪製外框時不要改變元素尺寸，也不要推擠周圍內容；鍵盤聚焦時也顯示同樣的效果。ABC
將滑鼠移到上面
游標懸停時文字上方出現一條線，從左側、中間或右側延伸開來。
適用情境
導覽連結、分頁
在[套用位置]加入「上邊線延伸」(Overline Grow) 懸停效果。
游標懸停時，文字上方的線從中間往兩側延伸，游標移開後再縮回中間：快速而流暢。
預留線條的空間，避免文字位移；鍵盤聚焦時也顯示同樣的效果。