用途 该技能面向 Hubble Electron 桌面应用的测试工作，特别适用于在运行中的应用内检查界面、点击控件、截图，或验证一次真实的笔记编辑。
启动方式 运行命令：HUBBLE_DESKTOP_ENABLE_CDP=1 pnpm dev:desktop。 随后从终端输出中读取两项信息：Playground 的路径，以及 DevTools 监听地址（形如 ws://127.0.0.1:9222/...）。
测试环境 使用自动打开的可编辑 playground，路径为 apps/desktop/.dev-electron/playground，而不是文件选择器或已检入的测试夹具。
主要能力 对于交互密集的验证，优先使用 Chrome DevTools Protocol 端点。它可以检查 DOM 状态、执行 JavaScript、点击控件、检查 iframe 内容，并从真实的 Electron 渲染进程截图。当 Computer Use 与开发应用窗口交互存在限制时，这种方式尤其有用。
CDP 配置 访问 http://127.0.0.1:9222/json/list，连接到页面的 webSocketDebuggerUrl，然后通过 DevTools Protocol 命令驱动渲染进程。
收尾 完成后停止开发服务器，并确认没有 Hubble Dev 进程残留。
注意事项 先构建 packages/ui 和 packages/editor，桌面应用会导入它们的 dist 产物。 截图为 DPR 2，即 CSS 像素乘以 2。 右键需要真实的 Input.dispatchMouseEvent 事件；合成的 contextmenu 事件无法打开 base-ui 上下文菜单。 弹窗在 DOM 中存在但截图中缺失时，用 document.elementFromPoint 检查层叠关系。 xterm 通过带防抖的 ResizeObserver 重新适配，布局变化可能滞后数秒；在判定为缺陷前应重新测量。