用途：该技能提供 CSS 动画、过渡与滚动驱动效果的写法规范，适用于添加动效、悬停效果、加载状态等场景，核心目标是兼顾可访问性与性能。
主要能力：说明 prefers-reduced-motion 媒体查询的用法与「减少动效优先」模式（先写无动效默认，再用 @media (prefers-reduced-motion: no-preference) 添加动效）；列出可安全动画的合成器属性（transform、opacity、filter）与应避免触发布局的属性（width、height、top/left、margin、padding、border-width、font-size）；给出过渡设计令牌、关键帧动画、加载 spinner、骨架屏、入场动画、View Transitions API 与滚动驱动动画（animation-timeline: view()）等示例模式；并提供 JavaScript 检测方式 window.matchMedia('(prefers-reduced-motion: reduce)')。
使用方式：按文中 CSS 片段与媒体查询组织样式；为减少动效用户提供有意义的替代效果而非简单禁用；谨慎使用 will-change 并在动画结束后移除；遵循时长建议（微交互 100–150ms、简单过渡 150–300ms、复杂动画与页面切换 300–500ms、加载指示 1000–2000ms）。
适用场景：卡片悬停、按钮按压、焦点环、开关、复选框、加载与骨架屏、页面与元素入场、滚动揭示、微交互等。
限制与注意：避免视差滚动、自动播放视频、高频闪烁（>3Hz）、大幅缩放与旋转等可能引发不适的模式；无限动画应有目的且可停止；需在浏览器 DevTools 与系统设置中测试减少动效偏好。官方未提供安装命令、收费信息或平台要求，暂未提供。