写在前面
上周写了测试圈排名第一的Skill使用，没想到反馈还不错，真的有人会看呀。
于是，就有了这一篇，老规矩，觉得有用就转发！
没有方法论，直接开始！
直接实战
如上图所见，我们就来演示排名第二的Vibe Check - Browser Automation，由于经费原因哈，没钱搞cursor，依旧用claude code演示。
1、Vibe Check是什么？
Vibe Check (Vibium) 是一个 AI 原生的浏览器自动化工具，通过 81 个 CLI 命令实现页面导航、表单填写、元素点击、截图和标签管理等功能。GitHub 2600+ stars。
2、安装配置
切换 Node.js 版本
Vibium 需要 Node.js >= 18，推荐使用 Node.js 24：
nvm use 24
验证版本：
node --version
npm --version
安装skill
方法1:
npx @qaskills/cli add vibe-check
验证安装：
vibium --version
预期输出：vibium v26.3.18
方法2:
让Cursor或Claude Code帮你安装，在对话框内输入如下：请帮我安装Vibe Check - Browser Automation这个skill
方法3: 直接下载skill文件放到你工程目录下，再让大模型识别，你告诉它.md位置也是可以的。
接下来就是漫长的等待了。
中间会有跟你确认的过程，根据自身情况选择，所有的问题，他都会帮你解决的，最后如下所示：
核心问题还是token，自行搞定吧，剩下的问题都能在你安装skill过程中解决。
3、实操演示
如何使用这个skill？
在当前会话或新会话，输入如下内容：
用 vibium 测试https://www.saucedemo.com/的登录成功功能，并帮我截图
你会看到自动打开浏览器操作，并自动截图，如下所示：
输入如下命令打开图片
open ~/Pictures/Vibium/saucedemo-login-success.png
测试报告（略粗糙）
4、总结
核心工作流程
每个浏览器自动化遵循以下模式：
导航: vibium go <url>
映射: vibium map (获取元素引用如 @e1, @e2)
交互: 使用引用进行点击、填写、选择
重新映射: 导航或 DOM 变化后，用 vibium map 获取新引用
常用命令速查
导航类
| 命令 | 功能 |
|---|---|
vibium go <url> | 导航到指定 URL |
vibium back | 后退 |
vibium forward | 前进 |
vibium reload | 刷新页面 |
vibium url | 获取当前 URL |
发现类
| 命令 | 功能 |
|---|---|
vibium map | 映射交互元素 |
vibium map --selector "nav" | 映射指定选择器内的元素 |
vibium diff map | 对比当前与上次映射 |
查找类
| 命令 | 功能 |
|---|---|
vibium find text "Sign In" | 按文本查找元素 |
vibium find label "Email" | 按标签查找输入框 |
vibium find placeholder "Search" | 按占位符查找 |
vibium find testid "submit-btn" | 按 data-testid 查找 |
vibium find xpath "//a[@href]"] | 使用 XPath 查找 |
交互类
| 命令 | 功能 |
|---|---|
vibium click "<selector>" | 点击元素 |
vibium fill "<selector>" "<text>" | 清空并填写输入框 |
vibium type "<selector>" "<text>" | 追加文本到输入框 |
vibium select "<selector>" "<value>" | 选择下拉选项 |
vibium check "<selector>" | 勾选复选框 |
vibium uncheck "<selector>" | 取消勾选 |
等待类
| 命令 | 功能 |
|---|---|
vibium wait "<selector>" | 等待元素出现 |
vibium wait-for-url "/dashboard" | 等待 URL 匹配 |
vibium wait-for-text "Success" | 等待文本出现 |
vibium sleep <ms> | 固定延迟（最多 30 秒） |
捕获类
| 命令 | 功能 |
|---|---|
vibium screenshot -o file.png | 截图 |
vibium screenshot -o file.png --full-page | 全页截图 |
vibium pdf -o file.pdf | 保存为 PDF |
获取内容类
| 命令 | 功能 |
|---|---|
vibium text | 获取页面所有文本 |
vibium text "<selector>" | 获取指定元素文本 |
vibium value "<selector>" | 获取输入框值 |
vibium attr "<selector>" "<attribute>" | 获取属性值 |
状态检查类
| 命令 | 功能 |
|---|---|
vibium is-visible "<selector>" | 检查元素是否可见 |
vibium is-enabled "<selector>" | 检查元素是否可用 |
vibium is-checked "<selector>" | 检查复选框是否已勾选 |
想要离线skill的同学，回复 Skill 可领取！
写在最后
整体使用感受，很顺手，真的做到了一句话帮我测试了，测试速度也够快。
一句话总结就是，拥有这个Skill，Claude 就会用浏览器帮你把重复网页的活儿全干了
如果要和top1比的话，还是差一些的，尤其测试报告上的体现，因为底层实现也不一样，但作为测试而言，不必纠结，好用即可。
我觉得这个东西在open claw上可能会更好，因为龙虾现在也能接到钉钉、微信这样的机器人，能做到远程操作岂不是更香。
而且，我还有个更实用的方法，看过斗罗大陆的都知道，其实融合技（组合Skill）杀伤力更强，你觉得呢？
我是六哥，如果觉得文章对你有用请帮忙转发，谢谢啦。
参考资料
- GitHub: github.com/VibiumDev/v…
- 完整文档: 见 vibe-check.SKILL.md
