用途：在 Web 上产出或审查达到 60 fps（高刷屏 120 fps）、尊重用户减弱动效偏好、并优先选用最低成本工具的动画。机制仅限 Web（CSS、Motion、View Transitions、Web Animations API）；React Native / Expo 动效请改用 animations-native 技能。结构上本 SKILL.md 是精简索引，细则在 rules/*.md 按需加载，示例在 references/recipes.md，可复制的 HTML/CSS 片段在 templates/。
主要能力：一是“头脑风暴模式”，当用户问“这个交互动效应该是什么”时，先回答五问（动词、可逆性、发起方、空间来源、可供性负担），再在目录中查找对应推荐（离散操作、元素生命周期、状态、连续手势、导航），选强度档（1 微交互至 5 主视觉时刻），并遵循运动方向与语义动词一致的原则。二是技术决策流，按顺序取首个匹配：CSS transition、@starting-style、@keyframes、滚动/视图时间线、View Transitions、interpolate-size、Motion layout、Motion、Web Animations API、React Three Fiber、Lottie/dotLottie、Rive；两行都匹配时取编号较小者。三是分阶段工作流（B 感知性能、0 属性、1 模式、2 现代 CSS、3 交互性、4 时间、5 CSS/JS/3D、5.5 状态编排、5.6 React 状态、5.7 高级效果、5.8 外部引擎、6 无障碍、7 测量，7.5/7.6 可选录像与视频分析迭代，最多 3 轮）。
核心约束：只动画 transform、opacity、filter 等可 GPU 合成属性；will-change 仅在动画前用、结束后移除；变量流转、类切换；@property 解锁插值；优先平台原生能力；prefers-reduced-motion 下以淡入或近乎瞬时替代而非删除反馈；优化前先测量。反模式包括动 width/height/top/left/margin/padding、常驻 will-change、transition: all、UI 用 linear、新代码从 framer-motion 导入、在 R3F 里用 useState 存 60 fps 状态、忽略减弱动效、先定形状后答五问、开合不对称形状、子 200 ms 闪烁 spinner、骨架与最终形状不符、乐观 UI 无回滚动画、图片无占位等。完成标准含属性合规、无闲置 will-change、时长 150–500 ms 命名缓动、若用 JS 则选 Motion、有减弱动效分支、DevTools 显示合成器运行、键盘焦点与读屏行为不变。可与 /visual-design、/ux、/screen-recorder 协同。具体 URL、安装与代码示例资料未提供。