Claude 代码跑不动？让这个 Skill 帮你把测试从手工作坊变成流水线

你写的代码能过 CI，但上线后用户那边各种崩溃——这种痛，做全栈的都懂。

问题往往不在「逻辑」，而在「边界」。表单没做空值校验、响应式在移动端乱版、API 超时没做重试……这些单测跑不到，E2E 测试又懒得写，最后就成了漏网之鱼。

今天挖到一个技能包，把这个环节彻底自动化了——Web Testing Skill（来自 mrgoonie/claudekit-skills）。

一句话

用自然语言描述你想测什么，它自动生成 Playwright + Vitest + k6 + axe + Lighthouse 的测试脚本，覆盖单元/E2E/性能/安全/可访问性全链路。

为什么值得装

传统测试流程是这样的：先写 Vitest 单测，再写 Playwright E2E，再手动配 Lighthouse……一个需求测完，开发环境都换了两轮。

这个 Skill 直接把测试金字塔给你搭好了——

• 70% 单元测试（Vitest，<50ms 一个）
• 20% 集成测试（Vitest + fixtures，100-500ms）
• 10% E2E（Playwright，5-30s 覆盖核心流程）

你只需要说「帮我跑一遍登录流程的回归测试」或者「发布前做一次完整的安全扫描」，剩下的它全包。

实际效果

比如你想测一个结账流程，直接丢给它：

帮我测试用户加购物车→填地址→支付的完整 E2E 流程，重点检查移动端横屏显示是否正常

它会自动生成 Playwright 脚本，包括：
– 浏览器启动和视口设置
– 每个步骤的断言和截图
– 控制台错误捕获
– 失败时的详细日志

再比如你想跑负载测试，它会生成 k6 脚本，输出包含 QPS、响应时间 P99、错误率的报告。

安全和可访问性也不落下

除了功能测试，它还内置了：

• OWASP Top 10 安全扫描（SQL 注入、XSS、CSRF payload 库）
• axe-core 可访问性检测（WCAG 合规）
• Lighthouse 性能检测（LCP/CLS/INP 三大指标）

发布前跑一遍，截图加报告，直接贴进 PR 里，reviewer 看着也专业。

安装方式

npx skills add https://github.com/mrgoonie/claudekit-skills --skill web-testing

或者手动 clone：

git clone https://github.com/mrgoonie/claudekit-skills
cp -r claudekit-skills/.claude/skills/web-testing ~/.claude/skills/

仓库本身 2.2k Stars，覆盖 45 个 Skill，质量有保证。

适合谁

• 全栈开发者：一个 Skill 搞定所有测试类型，不用在多个工具间跳
• 前端团队：Playwright + Lighthouse + axe，一次跑全
• 对质量有要求的个人开发者：测试金字塔已经搭好，往里填内容就行

说实话，现在 AI 写代码已经很快了，但测代码这件事反而成了瓶颈。这个 Skill 把「测试」从手工作坊变成了流水线作业——推荐装一个试试。

GitHub：https://github.com/mrgoonie/claudekit-skills

GitHub: https://github.com/mrgoonie/claudekit-skills