用途：这是一份界面打磨清单，用于在构建或审查 UI 代码时逐项检查细节，让界面从“能用”变得“精致”。
主要能力与原则：排版方面，标题用 text-wrap: balance，正文用 text-wrap: pretty 避免孤行；动态数字用 font-variant-numeric: tabular-nums 防止布局抖动；macOS 根布局加 -webkit-font-smoothing: antialiased。表面方面，嵌套圆角遵循外半径=内半径+内边距；图标按视觉而非几何居中；用多层透明 box-shadow 代替硬边框；图片加 1px 低透明度描边；交互元素命中区至少 40×40px，不足时用伪元素扩展且不得重叠。动画方面，交互状态变化用 CSS transition 以便可中断，关键帧只用于一次性分段序列；入场动画拆分语义块并以约 100ms 错开；退场用小幅固定 translateY，比入场更柔和；图标切换用透明度、缩放、模糊过渡，缩放 0.25→1、透明度 0→1、模糊 4px→0px，若项目含 motion 或 framer-motion 则用 spring、duration 0.3、bounce 0，无库时两个图标都留在 DOM 中绝对定位交叉淡入，缓动用 cubic-bezier(0.2, 0, 0, 1)；按钮按下用 scale(0.96)，不得小于 0.95，可加静态属性关闭；AnimatePresence 用 initial={false} 避免首屏播放动画。性能方面，禁止 transition: all，只写具体属性；will-change 仅用于 transform、opacity、filter，且只在出现首帧卡顿时添加。
使用方式：按清单逐项核对，或按类别查阅对应章节。
限制：资料未提供安装命令、依赖要求、收费与平台信息。