SuperAPI AI 工具集

design-qa-checklist

设计与创作

查看项目

更新于 10-16 03:14

技能介绍

用途:在实现评审阶段,帮助设计师系统化核查开发实现是否与设计规格一致。若需要工程师据以开发的规格文档,应使用 handoff-spec。

主要能力:按类别输出 QA 清单。视觉准确性包括颜色是否匹配设计 token、字体样式、间距尺寸、圆角阴影透明度、图标尺寸颜色、图片比例与质量。布局包括网格对齐、各断点响应式行为、内容回流、溢出或裁切、最小与最大宽度。交互包括默认、悬停、聚焦、激活、禁用等状态渲染,过渡与动画,点击触控目标尺寸(最小 44px)、键盘导航顺序、焦点指示可见性。内容包括真实内容是否适配、截断、空状态、错误提示、加载状态。无障碍包括屏幕阅读器播报、WCAG AA 对比度、焦点管理、ARIA 标签与角色、减少动效偏好。跨平台包括要求的浏览器与设备、系统文字大小与屏幕密度适配。

使用方式:流程为开发者按清单自查、设计师视觉走查、用设计对比实现的截图提交 bug、按严重程度排优先级、复验修复。建议对照设计规格而非凭记忆检查,用真实内容与数据测试,覆盖边界情况,用浏览器开发者工具核对精确数值,并记录反复出现的问题以防复发。

限制:资料未提供具体安装命令、代码示例、定价或平台支持细节。