用途：在构建或评审 UI 时应用界面工艺，把动效、缓动、时长、弹簧、组件手感与视觉基础落到具体实现上，让交互细节读起来自然、响应及时。
主要能力：提供动效决策框架——先判断是否该动（按出现频率，越高频越不动，键盘触发的动作一律不动画），再确定目的（空间一致性、状态变化、反馈、避免突兀出现/消失），然后选缓动与时长，最后考虑弹簧。给出缓动选择：入场/出场用 ease-out，屏幕内移动或变形用 ease-in-out，悬停或颜色变化用 ease，匀速运动用 linear；UI 不用 ease-in。提供自定义曲线变量，如 --ease-out: cubic-bezier(0.23, 1, 0.32, 1);、--ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);、--ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);。时长参考：按钮按压反馈 100-160ms，工具提示与小弹层 125-200ms，下拉与选择 150-250ms，模态与抽屉 200-500ms，高频交互 UI 控制在 300ms 内。弹簧部分：弹簧按物理收敛而非固定时长，适合可中途反转的拖拽与手势交互，以及装饰性、跟随鼠标的运动；弹性保持轻微（0.1 到 0.3），功能 UI 通常不用回弹。组件手感：可按压元素在 :active 上加 transform: scale(0.97) 并配约 160ms ease-out 过渡；不要从 scale(0) 开始动画，应从 scale(0.9) 或更大配合透明度进入；弹层与下拉从其触发源缩放，模态保持居中；尊重 prefers-reduced-motion，移除非必要运动。视觉基础：单一间距刻度与字阶、克制配色、为悬停/激活/可见焦点/禁用等交互状态显式定义样式。
使用方式：在写组件或评审界面代码时按上述顺序套用分析；评审 UI 代码时输出一张 markdown 表格，每行一个 Before | After | Why，不使用单独的 Before:/After: 行。
局限：资料未提供具体安装命令、运行环境、收费与平台信息；相关实现细节需结合项目实际情况确定。