设计落地用这Skill逐项验界面

创建设计实现验证清单。

design-qa-checklist 是把设计稿变成实现验收清单的 Skill。它对照规格核颜色、排版、响应布局、交互状态和可访问性,再记录偏差与复查项。

不要只拿一张正常截图比位置。长文本、空内容、错误、加载和键盘焦点都可能暴露问题,真实内容比占位文字更能检验截断和空间限制。

给它设计规格、实现页面和目标设备,就能整理待查项与问题证据。原文44像素参考不是所有合规场景的统一判定;检查表列了屏幕阅读器也不代表已经测试,修复后要回到原场景验证,而非只把缺陷标为关闭。

分类:设计创作

来源仓库:owl-listener/designer-skills

适合用来做什么

  • 请帮我检查这个构建是否符合设计规范。
  • 为这个项目生成一个QA检查清单。

安装 design-qa-checklist

npx skills add https://www.iskills.cc/skills/owl-listener/designer-skills/design-qa-checklist/SKILL.md

在本机终端执行安装命令。安装前请阅读原始说明,确认所需工具、账号和权限。

查看安装步骤 · 查看常见问题

查看 design-qa-checklist 的用途与原始说明

浏览全部 Skill 指南