写在前面
上周写了测试圈排名第一的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：
bash
nvm use 24验证版本：
bash
node --version
npm --version安装skill
方法1:
bash
npx @qaskills/cli add vibe-check验证安装：
bash
vibium --version预期输出：vibium v26.3.18
方法2:
让Cursor或Claude Code帮你安装，在对话框内输入如下：请帮我安装Vibe Check - Browser Automation这个skill
方法3:
直接下载skill文件放到你工程目录下，再让大模型识别，你告诉它.md位置也是可以的。
接下来就是漫长的等待了。
中间会有跟你确认的过程，根据自身情况选择，所有的问题，他都会帮你解决的，最后如下所示：
核心问题还是token，自行搞定吧，剩下的问题都能在你安装skill过程中解决。
3、实操演示
如何使用这个skill？
在当前会话或新会话，输入如下内容：
bash
用 vibium 测试https://www.saucedemo.com/的登录成功功能，并帮我截图你会看到自动打开浏览器操作，并自动截图，如下所示：
输入如下命令打开图片
shell
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: https://github.com/VibiumDev/vibium
- 完整文档: 见 vibe-check.SKILL.md