提示詞
將 [套用位置] 替換成你要套用的位置，再貼給 AI 代理。提示詞中包含動效名稱，下次只要說出名稱就能提出需求。
在[套用位置]加入「脈動」(Pulse) 效果，也叫 pulsing。
元素要以緩慢、穩定的節奏輕輕膨脹再回縮：含蓄，不要有彈跳感。
無縫循環播放，不要讓周圍版面移動；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就停止動畫。相似的動效
A
Heartbeat (心跳)
別稱 Heart Beat
元素以雙拍節奏縮放，就像跳動的心臟。
適用情境
按讚和收藏圖示、直播狀態指示
在[套用位置]加入「心跳」(Heartbeat) 效果，也叫 heart beat。
元素要快速地連續膨脹、回縮兩次，接著稍作停頓再開始下一次，就像跳動的心臟。
無縫循環播放並保留兩次心跳之間的停頓；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就停止動畫。A
Ping (雷達波)
別稱 Radar Ping, Ripple Ping, Ping (Radar Pulse), Pulse ring, Notification ping, Pulsating Button
元素的副本反覆放大並淡出，就像雷達波紋。
適用情境
通知小圓點、即時狀態
在[套用位置]加入「雷達波」(Ping) 效果，也叫 radar ping 或脈衝環 (pulse ring)。
元素的一個副本要向外擴大並淡出，以穩定的節奏一次又一次重複，而元素本身保持不動。
把圓環畫在獨立的圖層上，確保它絕不影響版面；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就停止循環。Pulse Placeholder (佔位脈動)
別稱 Skeleton pulse, placeholder-glow
灰色佔位區塊柔和地明暗變化，提示內容正在載入。
適用情境
骨架畫面
在[套用位置]加入「佔位脈動」(Pulse Placeholder)，也叫 skeleton pulse。
和即將出現的內容形狀一致的灰色佔位區塊一起緩慢變亮再恢復，節奏柔和、平穩。
佔位區塊要與實際版面一致，內容載入時不能跳動；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就保持靜止。Flash (快閃)
別稱 Blink
元素透過快速切換不透明度來閃爍。
適用情境
提示有新內容
在[套用位置]加入「快閃」(Flash) 提示效果，也叫 blink。
元素快速淡出再淡入，閃爍兩次，然後保持完全可見。
只播放一次，不要無止盡地閃爍；快速閃爍可能讓人不舒服，所以對開啟了「減少動態效果」的使用者則略過。Emphasis 中的其他動效
A
Rubber Band (橡皮筋)
別稱 Rubberband
元素橫向拉伸、縱向壓扁，經過幾次彈性變化後恢復原狀。
適用情境
按鈕回饋、吸引注意
在[套用位置]加入「橡皮筋」(Rubber Band) 提示效果，也叫 rubberband。
元素要先橫向拉寬、縱向壓扁，再經過幾次越來越小的彈性回彈，最後停在正常大小。
觸發時只播放一次，並確保拉伸過程中周圍版面不會位移。Shake (抖動)
別稱 Shake X, Shake Y, Shake Horizontal, Shake Vertical, shakeX, Error shake, Wiggle, Invalid input shake, Headshake
元素沿一個方向快速來回抖動。
適用情境
表單錯誤回饋
在[套用位置]加入「抖動」(Shake) 效果，也叫 error shake 或 invalid input shake。
元素要快速左右抖動幾次，然後剛好停在起始位置：快速、俐落。
每次出錯時播放一次，不要循環；同時顯示看得見的錯誤訊息，讓意思不只靠動畫傳達。Spin (持續旋轉)
別稱 Rotate Loop, Spinner
元素以固定速度持續旋轉。
適用情境
載入中的旋轉指示器
在[套用位置]加入「持續旋轉」(Spin) 效果，也叫 spinner 或 rotate loop。
元素要以固定、均勻的速度持續旋轉，每圈之間不要有緩動。
讓循環無縫銜接，為 spinner 加上無障礙的「載入中」標籤；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就放慢或停止旋轉。