用途：本技能提供一套网页界面动画规则，适用于为 React 组件添加动画、选择缓动曲线与时长、实现滑动拖拽等手势交互、构建提示通知与抽屉组件、优化动画性能以及保证动画无障碍。
主要能力：共 58 条规则，按影响分为 8 类并带前缀。缓动选择（ease-，关键）如 ease-out-default、自定义 cubic-bezier、弹簧动画配置；时长（timing-，关键）如 UI 动画不超过 300ms、非对称时序、抽屉用 500ms；属性选择（props-，高）只动画 transform 与 opacity、will-change、clip-path；变换技巧（transform-，高）如按下缩放到 0.97、绝不用 scale(0)、@starting-style 进入；交互模式（interact-，中高）可中断、动量消失、边界阻尼、指针捕获；策略动画（strategy-，中）键盘操作不动画、每个动画都要有目的；无障碍与打磨（polish-，中）尊重 prefers-reduced-motion、模糊过渡、通知堆叠、滚动揭示、子元素错峰；Tailwind v4 工具类（tw-，中）。
使用方式：在编写、审查或实现动画时参照相应规则；Tailwind v4 项目可用 tw- 类表达上述原则，但原始 CSS 与 Framer Motion 规则仍是权威。
关键参考值：cubic-bezier(0.23, 1, 0.32, 1) 强 ease-out 交互；cubic-bezier(0.77, 0, 0.175, 1) 强 ease-in-out 屏幕内移动；cubic-bezier(0.32, 0.72, 0, 1) iOS 风格抽屉；scale(0.97) 按钮按压；scale(0.95) 最小进入；200ms ease-out 标准过渡；300ms 上限；500ms 抽屉；0.11 px/ms 动量消失阈值；100px 滚动揭示阈值；14px 通知堆叠偏移。时长按元素频率与位移选择，按钮 100–160ms、提示 125–200ms、下拉 150–250ms、模态与抽屉 200–500ms，营销页可更长。
限制：资料未提供安装命令、代码示例、收费标准或平台支持信息。