interaction-design

用途：为界面添加精致的微交互、动效、状态过渡与用户反馈，提升交互的直观性和完成度。主要能力：覆盖悬停/点击等微反馈、开关与下拉等小过渡、弹窗与页面切换等中等过渡，以及复杂编排动画；提供动画库选型（Framer Motion、GSAP、CSS）、微交互模式（按钮反馈、切换、涟漪、加载指示、Toast）和滚动动画（滚动触发显现、视差、基于交叉观察器的动画）等按需参考文件。项目约定：React 组件动画优先使用 Framer Motion；CSS 动画只用 transform 与 opacity 以保证 60fps；交互元素优先使用弹簧物理而非线性/缓动；动画必须可被用户取消或覆盖。时间尺度：100-150ms 用于微反馈（悬停、点击），200-300ms 用于小过渡（开关、下拉），300-500ms 用于中等过渡（弹窗、页面切换），500ms+ 用于复杂编排动画。无障碍：必须遵循 prefers-reduced-motion: reduce，在用户偏好减少动效时将动画时长设为 0，此为强制要求。限制与缺失：资料未提供具体安装命令、版本要求、收费信息或完整代码示例。