用途：better-ui 面向界面打磨的设计工程，用于构建或审查 UI 组件、前端代码、动画与交互状态。审查时可把动效放慢到 10% 速度回放，逐一走查 hover、focus、active、loading、empty 等状态。
主要能力：给出同心圆角（外圆角=内圆角+内边距）、视觉对齐优先于几何对齐、阴影表达层级而边框表达结构、可中断动画（交互状态用 CSS transition，一次性分阶段序列用 keyframes）、入场拆分并约 100ms 交错、退场更柔和、图标用 opacity/scale/blur 过渡、图片 1px 描边（亮色纯黑、暗色纯白）、按压缩放 0.96、避免 transition: all、谨慎使用 will-change、图标描边匹配文字粗细、同一 SVG 用 currentColor 按状态变色、克制动效等原则；并列出常见错误与修复。
使用方式：保留项目既有组件库、token 与密度，沿用其动效语言。文本相关交由 better-typography，无障碍交由 better-accessibility，布局结构交由 better-layout。若项目 package.json 中有 motion 或 framer-motion，按其导入路径并使用 transition: { type: "spring", duration: 0.3, bounce: 0 }；无动效库则两个图标都留在 DOM 中并用 CSS 交叉淡入。
限制：仅当用户要求独立 UI 打磨审查时使用其输出格式（按原则分组的严重度/位置/前后/原因表格，并给出验证与结论）；若由 better-interface 编排，则以其格式与严重度规则为准。其余能力细节暂未提供。