Claude Code 有了这个 Skill，QA 直接少踩一半坑

Claude Code 写完代码，最怕什么？测试漏过 bug，上线被抓包。

今天挖到一个超硬核的质量验证 Skill——Quality and Verification，来自 heymegabyte/claude-skills 仓库。29 个 Skill 里的 QA 担当，看完你会觉得以前做的测试都是过家家。

五层验证金字塔，从底打到顶

这个 Skill 核心是一套五层验证金字塔，层层递进：

• 静态层：TS strict + ESLint + oxlint + Prettier + knip 死代码检测
• 单元层：Vitest 3，支持 Rust 分片，5k+ 测试速度提升 40%
• E2E 层：Playwright，首页优先，6 种视口 × 3 种浏览器，完全隔离环境
• AI 视觉层：AI 视觉审查打分 ≥9/10，每步 6bp 截图
• 发布后层：wrangler tail 清爽 + console 零错误 + axe 无违规 + Lighthouse 全绿

每一层都有明确的通过标准，漏掉任何一层都不让过。

8 个检查点，每个 PR 必须过

这个 Skill 最狠的地方是 8-check quality gate：

1. typecheck 零错误
2. lint 零错误零警告
3. Vitest 全绿
4. 6 种断点 E2E 全绿
5. axe-core WCAG 2.2 AA 零违规
6. Lighthouse 性能 ≥90 / 无障碍 ≥95 / 最佳实践 ≥95 / SEO ≥95
7. AI 视觉评分 ≥9/10
8. Console / CSP / 网络错误 = 0

任何一个 fail，直接 blocker，修完再继续。这是真正的质量门禁，不是走过场。

Playwright v1.59+ AI Agent，测试自己修自己

它用 Playwright 内置的 AI Agent 模式：Planner 生成计划，Generator 写测试代码，Healer 自动修复损坏的选择器。传统测试脚本崩溃了还要人工排查，它直接自己修自己。

测试策略也很严格：必须从首页出发、用自己的 fixture 数据、不依赖 Date.now()、不连真实第三方 API——完全隔离，保证每次跑结果一致。

多 Agent 并行测试，安全、无障碍、性能一起抓

一次并行跑 5 个测试 Agent：功能测试、安全审查（OWASP Top 10 2025）、无障碍审计（Lighthouse + WCAG 2.2 人工复验）、性能分析（INP ≤100ms）、AI 视觉 QA。每个 Agent 只干一件事，干到极致。

视觉回归测试：Percy AI + Chromatic + pixelmatch 三件套

Percy AI 视觉审查比人工快 3 倍，40% OCR 噪音过滤；Chromatic 做组件级 Storybook 回归；pixelmatch 本地 CI 三级比对。AI 审美评分标准也很清晰：布局合理、对比度 WCAG AA、品牌感、无 AI 垃圾感——低于 9/10 就不通过。

适合谁用？

如果你在用 Claude Code 做生产级项目，这个 Skill 直接把 QA 流程拉升一个档次。尤其适合：独立开发者不想被线上 bug 打脸、团队需要标准化验收流程、对 Accessibility 有合规要求（WCAG 2.2 AA / ADA Title II）。

安装方式：把这个 Skill 文件放到你的 Claude Code 项目里，按五层金字塔配置 Pipeline，第一次跑可能需要装依赖，之后每次提交代码 CI 自动全量验证，质量问题在代码层就拦截了，不会等到用户报 bug。

GitHub 链接戳↓，仓库里有 29 个 Skill，这是最值得优先装的一个。

https://github.com/heymegabyte/claude-skills

GitHub: https://github.com/heymegabyte/claude-skills