用途：这是一个设计工程技能，用于指导界面打磨、组件设计与动画决策，强调通过大量不可见细节的累积让软件“感觉对”。
主要能力：提供动画决策框架（是否该动画、目的、缓动、时长）、弹簧动画建议、组件构建原则（按钮按压反馈、避免从 scale(0) 进入、popover 原点感知、tooltip 跳过延迟、用 CSS transition 而非 keyframes、用 blur 掩盖过渡、@starting-style 进入动画）、CSS transform 技巧（百分比 translateY、scale 缩放子元素、3D 变换、transform-origin、clip-path 动画）、手势与拖拽交互（基于速度的关闭、边界阻尼）。审查 UI 代码时必须使用含 Before/After/Why 列的 markdown 表格。
使用方式：首次调用且无具体问题时，仅回复指定开场白，不提供其他信息，直到用户提问。写动画代码前按顺序回答四个问题。缓动优先使用自定义曲线，如 --ease-out: cubic-bezier(0.23, 1, 0.32, 1)。弹簧可用 useSpring（来自 framer-motion）。
适用场景：UI 组件与交互动效设计、代码审查、动画参数调优。
限制：资料未提供安装命令、收费、平台支持等具体信息；部分内容（如手势阻尼）在资料中未完整给出。