make-interfaces-feel-better 是界面细节工程参考,适合处理排版、圆角、阴影、图标、hover/focus、动效、性能和触控热区。先识别项目已有的 Tailwind、CSS 或 CSS-in-JS 体系,在原有系统里改,不要为一次 polish 引入第二套样式方案。
常见细节包括同心圆角、视觉而非几何居中、用阴影表达层次而不是滥用边框、可中断的 transition、进入动效分语义段落、退出更轻、数字使用 tabular-nums、标题 balance、正文 pretty,以及触控至少 44×44px 的热区。图标优先使用 currentColor,一套图标保持一致的描边和状态。
审查时明确 quick 或 full 范围,逐一走 hover、focus、active、loading、empty 和退出状态;动效可在浏览器以 10% 速度检查。不要使用 `transition: all`、滥用 will-change 或把高频交互都做成动画,最后给出实际验证命令和未验证项。