用途：审查某个功能，并策略性地添加动画与微交互，用于增强理解、提供反馈并营造愉悦感。
主要能力：涵盖入场动画（页面加载编排、首屏、内容滚动揭示、弹窗进入）、微交互（按钮悬停与点击反馈、表单焦点与校验、开关、勾选、点赞）、状态过渡（显示隐藏、展开折叠、加载、成功错误、启用禁用）、导航与流程（页面切换、标签切换、轮播、滚动效果）、反馈引导（悬停提示、拖放、复制粘贴、焦点流）以及愉悦时刻（空状态、完成动作、彩蛋、情境动画）。
使用方式：先收集上下文，必要时用 {{ask_instruction}} 询问；使用 frontend-design 技能获取设计原则与反模式后再继续；评估动画机会；制定动画策略（英雄时刻、反馈层、过渡层、愉悦层）；按类别系统实现；最后验证质量。技术实现建议：按用途选择时长（100-150ms 即时反馈、200-300ms 状态变化、300-500ms 布局变化、500-800ms 入场），使用推荐缓动曲线如 cubic-bezier(0.25, 1, 0.5, 1)、cubic-bezier(0.22, 1, 0.36, 1)、cubic-bezier(0.16, 1, 0.3, 1)，退出动画约为入场时长的 75%；简单动画用 CSS transitions 与 @keyframes，复杂交互用 Web Animations API、Framer Motion 或 GSAP；仅使用 transform 与 opacity 以 GPU 加速，慎用 will-change，监控帧率。
限制与注意：必须尊重 prefers-reduced-motion，始终为非动画用户提供替代方案；禁止使用 bounce 或 elastic 缓动；不要动画布局属性；反馈时长不超过 500ms；不要无目的动画，不要动画所有内容，除非有意否则不要阻塞交互。
分类：该技能面向前端动效设计与实现，属于前端与建站。