本技能收录 Emil Kowalski 的 Web 界面动画最佳实践，来源于其教学、开源库（Sonner、Vaul）与 animations.dev 课程，包含 8 个类别、按影响优先级排列的 58 条规则。
用途：在向 React 组件添加动画、选择缓动曲线或时长、实现基于手势的交互（滑动、拖拽）、构建提示通知或抽屉组件、优化动画性能、保证动画可访问性，以及用 Tailwind CSS v4 工具类表达上述内容时参考使用。
主要能力按优先级分为：缓动选择（CRITICAL，ease- 前缀）、时间与时长（CRITICAL，timing-）、属性选择（HIGH，props-）、变换技巧（HIGH，transform-）、交互模式（MEDIUM-HIGH，interact-）、策略性动画（MEDIUM，strategy-）、可访问性与打磨（MEDIUM，polish-）、Tailwind v4 工具类（MEDIUM，tw-）。
关键取值参考：cubic-bezier(0.23, 1, 0.32, 1) 适合 UI 交互的强 ease-out；cubic-bezier(0.77, 0, 0.175, 1) 用于屏幕内移动；cubic-bezier(0.32, 0.72, 0, 1) 为 iOS 风格抽屉；按钮按压用 scale(0.97)，入场最小用 scale(0.95)、不要从 scale(0) 开始；标准过渡 200ms ease-out，UI 动画上限 300ms，抽屉 500ms；动量关闭的速度阈值为 0.11 px/ms，滚动揭示视口阈值 100px，提示堆叠偏移 14px。时长建议：按钮反馈 100–160ms，工具提示与小浮层 125–200ms，下拉与选择器 150–250ms，模态与抽屉 200–500ms，营销页可更长。
使用方式：安装与调用命令暂未提供；技能内含 references/_sections.md（类别定义与排序）、assets/templates/_template.md（新规则模板）、metadata.json（版本与引用信息）等参考文件。Tailwind v4 规则仅适用于 Tailwind v4 项目，原始 CSS 与 Framer Motion 规则仍为准绳。
限制：具体安装步骤、平台与费用信息暂未提供；须遵循 prefers-reduced-motion 等可访问性要求。