用途：对项目界面做细节级打磨与评审，强调“打磨来自大量可叠加的小细节”，建议以慢速观察界面，找出全速下不易察觉的问题；使用时需沿用项目的组件库、设计令牌、密度与动效语言。
主要能力：同心圆角（外圆角=内圆角+内边距）；光学对齐优先于几何居中；用分层透明 box-shadow 表达高度、用边框表达结构与状态；交互状态用可中断的 CSS transition，关键帧只留给一次性分段序列；低频入场按语义分块错开约 100ms，退场更柔和，用固定小位移与 ease-out；图标动画用 opacity、scale、blur（scale 0.25→1、opacity 0→1、blur 4px→0px），有 motion/framer-motion 时用 transition: { type: "spring", duration: 0.3, bounce: 0 }，否则双图标叠放交叉淡入，曲线 cubic-bezier(0.2, 0, 0, 1)；图片加低透明度 1px 描边；按压缩放固定 scale(0.96)；页面首帧用 initial={false} 跳过入场；切换主题时注入 ,::before,*::after{transition:none !important} 并强制回流后下一帧移除；只写明确过渡属性，谨慎使用 will-change；图标描边粗细与文字字重匹配，图标随状态用 currentColor 重新着色。
使用方式与评审：按严重度分组报告（HIGH 破坏交互或使动效不可用；MEDIUM 表面、图标或动效的可见不一致；LOW 孤立打磨项），表格列为 Severity、Location、Before、After、Why，Location 写成 path/to/file:line；无浏览器时检查组件定义的全部状态及动效时长曲线，有浏览器时逐状态走查并用动画面板以 10% 速度回放，未执行的检查标为 Not verified；有 HIGH 时给出 Block，否则 Approve，未检查的内容不得 Approve。
限制：文本换行、字体渲染、表格数字与文字间距属 better-typography；点击区域、焦点、键盘、ARIA 与减弱动效属 better-accessibility；分组、区块间距、断点与 RTL 空间属 better-layout。文中标注的每个时长、曲线、缩放与模糊均为精确值，不应近似；未提供具体产品收费、平台支持与版本要求等信息。