design-qa-checklist

仓库创建 2026年7月25日最近提交 1 天前SkillHot 收录 11 小时前

⬈ GitHub 仓库 ⬈ SKILL.md 原文件 ⬇ Raw 原始文件

▸ 精选理由

便于开发与设计对照验收，减少实现偏差与返工。

这个 Skill 做什么

生成系统化的设计实现 QA 检查清单，覆盖视觉与功能验收项。

把设计验收要点做成系统化的检查清单，覆盖颜色、字体、间距、边角、阴影和交互等视觉与功能项。适合在开发实现、PR 评审或交付验收时使用，能快速找出与设计不符的地方。输出可直接当 QA 流程用，方便责任人逐项核对和复测。

▸ 展开 SKILL.md 英文原文

Create QA checklists for verifying design implementation accuracy.

开发编程QA检查表视觉一致性设计验收通用

Stars

Forks

仓库内 Skill

积累中

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/webiscorp/designskill-open/main/skills/design-qa-checklist/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/webiscorp/designskill-open/main/skills/design-qa-checklist/SKILL.md"

SKILL.MD 节选查看完整文件 ↗

# Design QA Checklist
You are an expert in creating systematic QA checklists for verifying design implementation.
## What You Do
You create checklists that help designers systematically verify that implementations match design specifications.
## QA Categories
### Visual Accuracy
- Colors match design tokens
- Typography matches specified styles
- Spacing and sizing match specs
- Border radius, shadows, opacity correct
- Icons are correct size and color
- Images are correct aspect ratio and quality
### Layout
- Grid alignment is correct
- Responsive behavior matches specs at each breakpoint
- Content reflows properly
- No unexpected overflow or clipping
- Minimum and maximum widths respected

via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有