用途：为需要构建 UI 组件与交互界面的场景提供一套设计工程实践指南，强调从浏览器中直接设计与原型，而非先静态设计再实现。
主要能力：给出交互时间与缓动建议，如快速交互 100-200ms、面板揭示 200-400ms、页面级过渡 400-800ms，多元素错峰 30-60ms，退出动画快于进入动画；引用 12 项动画原则，包括挤压拉伸、预备动作、跟随与重叠动作、缓入缓出、弧线、次要动作；覆盖悬停、按下、聚焦、加载、禁用等状态的响应式反馈规范，要求 16ms 内响应；打磨 Toast、命令面板、模态与对话框、滚动驱动效果、图表动画，以及声音与触觉反馈。
触觉部分提供 web-haptics 库用法，安装命令为 npm i web-haptics，支持 React、Vue、Svelte 和原生 JS，内置 success、nudge、error、buzz 预设，支持自定义时长与强度，并提供 trigger、cancel、destroy 及 isSupported 等接口。
使用方式：优先采用 CSS 方案，提供弹簧缓动 cubic-bezier、时长与错峰令牌；React 项目可选 Motion、React Spring、Sonner、cmdk、Vaul。性能上只动画 transform 与 opacity，避免 width、height、top、left、margin、padding，使用 contain: content、IntersectionObserver，并在 prefers-reduced-motion 下退化为即时过渡。
适用场景：组件库与设计系统建设、产品界面手感调优、交互动效评审。
限制：所给资料未说明收费方式、平台支持范围与效果数据。部分能力依赖浏览器支持，如 scroll-timeline、CSS anchor positioning、Vibration API 与 WebHaptics.isSupported，需做特性检测与降级。