用途:polish 是发布前的最后一道质量打磨流程,用于修正对齐、间距、一致性和细节问题,把“可用”提升到“精致”。资料强调打磨是最后一步而非第一步,功能未完成前不应打磨。
主要能力:按维度系统检查,包括视觉对齐与间距(网格对齐、统一间距尺度、响应式一致)、排版(层级一致、行宽 45-75 字符、避免孤行、字体加载无闪烁)、颜色与对比(满足 WCAG、使用设计令牌、避免纯灰纯黑、不在彩色背景上放灰字)、交互状态(默认、悬停、聚焦、激活、禁用、加载、错误、成功)、微交互与过渡(150-300ms、ease-out 类缓动、仅动画 transform 与 opacity、尊重 prefers-reduced-motion)、文案一致性、图标与图片、表单与输入、边界与错误状态、响应式(触控目标至少 44x44px、移动端文字不小于 14px)、性能(无布局偏移、懒加载)以及代码质量(移除 console 日志、注释代码、未用导入)。
使用方式:先做打磨前评估,确认功能完整性与质量目标;再按上述维度逐项检查,可借助网格叠加与浏览器检查器验证;最后进行最终验证,包括亲自使用、真机测试、请他人复查、对照设计稿、覆盖所有状态。资料提供了一份可勾选的打磨清单。
适用场景:前端界面或功能在发布前的最终质量把关。
限制:资料未提供安装命令、价格、平台支持等具体信息;并明确列出不应做的事,如功能未完成就打磨、时间不足仍过度打磨、打磨中引入缺陷、忽视系统性问题、只精修一处而其余粗糙。