用途
polish 是一个在交付前执行的最终质量检查技能,目标是在发布前完成最后一轮细节打磨,修复那些区分“良好”与“卓越”的界面问题。
主要能力
该技能覆盖以下检查项:
- 对齐:验证所有文本和元素是否对齐到网格,检查标题、正文和图片是否共享对齐点。
- 间距一致性:查找任何残留的偏离网格的值,确保区块间距具有节奏感。
- 悬停状态:每个交互元素都必须有悬停状态,检查悬停过渡是否平滑(200-300ms)。
- 焦点样式:验证所有交互元素上的 :focus-visible。
- 加载状态:按钮应显示加载状态,异步内容应使用骨架屏。
- 空状态:没有数据时界面是什么样子?是否有有帮助的提示信息?
- 边缘情况:超长文本、超短文本、缺失图片、慢速网络。
- 一致性:相同的模式在各处使用方式相同,没有一次性的样式。
使用方式
通过命令 /polish 触发该技能。完成打磨后,运行 /score 进行评分,目标为 85 分以上。
适用场景
适用于前端界面或产品在正式发布前的最终质量检查阶段,帮助发现并修复对齐、间距、交互状态、加载与空状态、边缘情况以及样式一致性等方面的细节问题。
限制
该技能的具体实现细节、依赖环境、兼容平台及收费情况暂未提供。