Hover VS Code 插件：本地优先的 Playwright 驾驶舱

多数 AI 测试插件都往你的侧边栏塞个聊天机器人，Hover 偏偏反着来。Hover VS Code 插件 是一个控制台，围着那个跑在你已有编码 agent 里的闭环打转：它读你的运行、盯着覆盖率，再递给你一条可复制的 heal 命令。它自己从不驱动任何 agent。

Hover VS Code 插件是什么

Activity Bar 里一个图标，点开就是一个面板。这个面板是 __vibe_tests__/ 下 Playwright spec 的驾驶舱：哪些通过、哪些变 flaky、哪些在 CI 里漂移，以及套件还漏了哪些没测。编写在别处进行（见下文），所以插件始终只是个"看"的地方，不烧 token。

只要 Hover 能通过 Chrome DevTools Protocol 触达，什么框架都适配：Vite、Next.js、Nuxt、Astro、webpack。

一个面板，四个 tab

• Overview 是运行驾驶舱。在 Local（.hover/runs）和 Remote（Hover Cloud 的 CI 运行）之间切换，看状态条（specs、上次通过率、flaky、7 天 token），扫一遍逐条 spec 的矩阵，每次运行按通过/失败/flaky 上色。run all、run 单条 spec、sync CI，都在同一个视图里搞定。
• Heal 是漂移队列。一条 spec 在 CI 里坏了，卡片就显示这条 spec、它所在的环境与分支、CI 日志链接，还有一个 Copy heal command 按钮——复制出 /mcp__hover__heal <spec> 给你的 agent。只有 spec 重新通过，CI 才会把这张卡关掉。
• Env 是环境名册。设置当前的运行目标、改 URL、把每个账号的密码存进 VS Code SecretStorage，还能一键把当前环境的凭据导出到 .hover/.env 供 agent 取用。
• Map 是业务图概要：areas、flows、覆盖百分比，另有一个按钮打开完整的覆盖图。

本地优先：不用注册账号

不登录也能用这个面板。没有账号，你照样能对本地运行使用 Overview、Env 和 Map。登录只多两样东西：来自 Hover Cloud 的 Remote 运行历史，以及 CI 的 Heal 队列。登录走浏览器设备链接授权，全程不用粘 token。

编写在哪里进行

Hover 是通过 Hover MCP 写测试的，不靠编辑器里的 chat。你在 Claude Code、Cursor 或任何支持 MCP 的 agent 里调用 /mcp__hover__test_app，agent 通过接地工具驱动你真实的 Chrome，把每条流程结晶成一个普通的 @playwright/test spec。插件随后审阅这个闭环产出的东西。把两者拆开，驾驶舱才能保持轻快，模型开销也留在你早就付过费的 agent 里。

安装

从应用市场装插件（hyperyond.hover-dev），或者运行 code --install-extension hyperyond.hover-dev。再用一条命令把 MCP 加进你的 agent：

npm i -g @hover-dev/mcp && claude mcp add hover -- hover-mcp

然后打开 Hover 面板，在你的 agent 里调用 /mcp__hover__test_app。完整流程见快速开始。