Claude Code写完代码就跑了？试试这个E2E测试Skill！

Claude Code 装了一堆 Skills，但测试还是要你手动写？

试试这个。

2025 年 GitHub 最火的 Claude Skills 集合里，有一个被严重低估的 Skill——e2e-testing-patterns，来自 wshobson/agents 仓库（30k+ stars）。

它解决的不是”怎么让 AI 写代码”的问题，而是更实在的一个：怎么让 AI 写的代码少出 Bug。

为什么 E2E 测试是 AI 编程的盲区

大多数人在用 Claude Code 时，测试是最后才补的东西——要么根本不写，要么写得很敷衍。原因是写测试太费时间，而且 Playwright/Cypress 的 API 一堆，调试成本高。

但问题是：没有可靠测试的 AI 编程，根本不是真正的自动化。AI 写完代码就跑，你都不知道它到底对不对。

e2e-testing-patterns 就是来解决这个问题的。

这个 Skill 做了什么

简单说，它把 Playwright 和 Cypress 的最佳实践封装成 AI 可理解的指令，Claude Code 在开发过程中会自动触发。

覆盖的测试场景：

• 基础交互测试：点击、表单、弹窗处理
• 响应式布局验证：多分辨率截图对比
• 部署后冒烟测试：验证关键路径没断
• Flaky test 修复：稳定性的常见坑
• 测试数据管理：Fixtures 和 mock 的正确用法

使用方式：

npx skills add wshobson/agents --skill e2e-testing-patterns

装完之后，只要 Claude Code 检测到你写前端代码，就会自动推荐你写对应的 E2E 测试——不是提示，是直接生成。

为什么值得重点关注

三个原因：

1. AI 编程最后一块短板被补上了

代码生成 → AI 编程 → 测试自动化，这个链条之前是断的。现在 AI 不仅帮你写功能代码，还帮你写测试，这才是真正的 10x 效率。

2. 不挑框架

不管你用 React、Vue 还是 Next.js，这个 Skill 都适用。它测试的是用户行为，不是技术实现细节。

3. 背后是一个 183 个 Skills 的大型 Skill 库

wshobson/agents 是目前 GitHub 上最大的开源 Agent 工具库之一。183 个 Skills，94 个插件，202 个 AI Agent 定义，105 个命令行工具，装一个等于装了整个开发工具箱。

快速安装：

# 安装 e2e-testing-patterns
npx skills add wshobson/agents --skill e2e-testing-patterns

# 或者直接装整个 wshobson/agents 工具箱
npx skills add wshobson/agents

GitHub：
https://github.com/wshobson/agents

GitHub: https://github.com/wshobson/agents