用途:polish 是一个发布前的视觉精修流程,属于交付前的最后一步,而非第一步。它用于对组件或页面做系统性的视觉质量审查与修复。
主要能力:按六个维度审计——间距(对照 4px 尺度,检查内边距、gap、标题层级与内容宽度)、交互状态完整性(默认、悬停、聚焦、按下、禁用、加载、错误、成功八种状态)、对比度与颜色(正文 4.5:1、大文本与 UI 组件 3:1 等)、排版(抗锯齿、标题层级、正文最小 16px、行宽、tabular-nums 等)、动效(缓动、时长、prefers-reduced-motion、仅动画 transform 与 opacity)、响应式(移动端无横向滚动、触控目标至少 44px)。
使用方式:先加载规则与参考文档,再用浏览器工具截图桌面与移动端;随后逐维度审计,按严重程度(Critical/High/Medium)报告发现,每条给出当前 Tailwind 类与修复类,并通过 AskUserQuestion 征求是否应用;应用后再次截图对比,最后运行设计审查清单。若没有浏览器工具,则请用户提供路径或截图并直接审查代码。
适用场景:前端组件或页面的发布前视觉检查与修复。
限制:该技能要求使用特定工具(AskUserQuestion 用于决策),并禁止使用 EnterPlanMode 与 ExitPlanMode;依赖 Chrome MCP、agent-browser 或 Playwright 等浏览器工具进行截图。具体安装命令、收费与平台信息暂未提供。