用途：为应用添加动效与最终打磨，让功能完整的应用显得更高级。动效用于强化空间关系、确认操作、平滑状态切换；也可指出应保持静止的部分。
主要能力：按优先级逐项添加：按钮按压反馈（active:scale-[0.98]）、卡片与列表悬停、弹窗/下拉淡入加深缩放过渡、加载骨架屏替代 spinner、Toast 进出动画、列表错峰入场、prefers-reduced-motion 支持。涵盖时长与缓动规范（微交互100–150ms，元素过渡150–250ms，页面过渡200–300ms，硬上限500ms；入场用 ease-out，退场用 ease-in，状态变化用 ease-in-out，避免 linear）。提供淡入、滑动、缩放、展开/折叠过渡模式，微交互（按钮、悬停、开关、复选框、输入聚焦、链接下划线）、页面过渡（错峰列表、路由内容淡入淡出、骨架到内容交叉淡入、列表重排）、加载与进度（骨架微光、spinner、进度条、乐观 UI）、滚动交互、反馈动画（Toast、成功状态、错误抖动、表单提交流程）以及减少动效的 CSS 与 Tailwind 实现、CSS 与 JS 动画的选择原则。
使用方式：在 Lovable / Replit 中粘贴 Quick Start 提示词；在 Claude Code 中可用该提示词或指向具体组件。示例提示词要求按影响力排序添加动画、尽量用 CSS 过渡而非 JS、尊重 prefers-reduced-motion、时长低于 300ms、入场 ease-out 退场 ease-in。也可指定组件路径，如为 src/components/Card.tsx 添加悬停动画。
适用场景：为应用做动效打磨、让过渡更顺滑、添加微交互或最终润色。视觉设计用 beautify，页面布局与组件选择用 ui-patterns，用户流程与导航用 ux-design，整体设计审查用 design-review。
限制：不在 MVP 阶段添加动画；同一时刻不动画超过两个元素；不确定时用透明度过渡；SaaS 应用几乎不用视差；滚动触发动画只用于落地页而非仪表盘；作者强调还原被删除动画后如果 UI 变差则保留、毫无变化则删除。具体安装命令与官方配置细节资料中暂未提供。