用途:为设计实现验收生成系统化 QA 清单,帮助设计师逐项核对实现是否与设计规范一致。
主要能力:覆盖多个检查类别。视觉准确性包括颜色是否符合设计 token、字体样式、间距与尺寸、圆角阴影透明度、图标尺寸颜色、图片比例与质量;布局包括网格对齐、各断点响应式行为、内容重排、溢出与裁切、最小最大宽度;交互包括默认/悬停/聚焦/激活/禁用等状态、过渡与动画、点击触控目标至少 44px、键盘导航顺序、焦点指示可见性;内容包括真实内容适配、截断、空状态、错误信息、加载状态;无障碍包括屏幕阅读器播报、WCAG AA 对比度、焦点管理、ARIA 标签与角色、减少动效;跨平台包括目标浏览器与设备、系统文字大小、屏幕密度。
使用方式:按清单先由开发者自检,再由设计师做视觉 QA,用截图对比设计与实现提交缺陷,按严重程度排序并验证修复。
最佳实践:对照设计规范而非记忆检查,使用真实内容与数据测试,覆盖边界情况而非仅正常路径,用浏览器开发者工具核对精确数值,记录反复出现的问题以预防。
限制:资料未提供具体安装命令、平台支持范围、收费方式或自动化执行能力,相关细节暂未提供。