用途：把「加点好看的动画」这类模糊需求，转化为明确的过渡类型、动效规格与实现建议，用于设计、选择、解释或实现 UI 过渡、状态切换动画与共享元素动效。
主要能力：把产品级动效归纳为三类——上下文过渡（布局框架不变，区域内内容切换，如标签页、筛选、列表状态变化）、下钻过渡（从概览进入更深一层，如列表到详情、文件夹到子文件夹）、连续性过渡（同一元素在前后状态中保持身份并变形，如卡片到全屏、头像到个人页、迷你播放器到全播放器）。提供快速分类与决策顺序：存在明显共享元素优先连续性，其次进入更深层级用下钻，否则用上下文过渡。还可诊断「动效感觉不对」的问题，按过渡类型、缓动曲线、时长、被动画属性、次要元素动效过多的顺序排查。
使用方式：先判断什么在变化，确定过渡家族并解释原因，用产品语言描述动效行为；若需实现，再映射到对应技术栈的 API。技能的参考文档包括三类过渡的定义与平台映射、Web 动效原则（时长、缓动、性能）、Web 动效模式目录（弹窗开合、面板展开、文字/图标切换、徽标弹出、页面切换、数字动画、卡片尺寸变化）。输出建议采用固定结构：过渡选择、理由、动效规格、提示词片段、实现说明。
实现建议：Web 与 React 中，上下文过渡用内容交叉淡入加轻微位移或 View Transitions API 并保持外壳稳定；下钻过渡用带方向感的滑动/缩放并明确进入与返回关系；连续性过渡用共享元素技术，如 Framer Motion layoutId、Motion layout 或平台视图过渡。优先动画 transform 与 opacity，可中断的状态变化与连续性扩展用弹簧，简单一次性出现用固定时长缓动；进出场可有意不对称，出场略快。原生平台分别映射到共享元素/匹配几何、导航推入与局部内容替换。
限制与反模式：无元素真正延续时不要用连续性过渡；简单筛选或标签切换不要用下钻过渡；小范围内容更新不要动画整页外壳；一次交互不要叠加三种过渡；不要盲目猜缓动与时长；不要默认动画 width/height/top/left；不要到处加弹跳。具体平台版本支持与价格信息暂未提供。