一键在 Manus 中运行任何 Skill

test-desktop-app

星标725

分支50

更新时间2026年7月7日 02:27

Use when testing the Hubble Electron desktop app, especially when inspecting, clicking, screenshotting, or verifying a real note edit in the running app.

安装

用 Codex 或 Claude 帮你安装复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。

在 Manus 中运行

来源

bholmesdev

bholmesdev/hubble.md

打开 GitHub 仓库查看创作者相关仓库

下载

在 Manus 中运行

Test Desktop App

Run HUBBLE_DESKTOP_ENABLE_CDP=1 pnpm dev:desktop.
Read the terminal output for:
- Playground: <path>
- DevTools listening on ws://127.0.0.1:9222/...
Use the auto-opened editable playground at apps/desktop/.dev-electron/playground instead of file pickers or checked-in fixtures.
Prefer the Chrome DevTools Protocol endpoint for interaction-heavy verification. It can inspect DOM state, evaluate JavaScript, click controls, inspect iframe contents, and capture screenshots from the real Electron renderer. This is useful when Computer Use has limitations interacting with the dev app window.
For CDP setup, fetch http://127.0.0.1:9222/json/list, connect to the page webSocketDebuggerUrl, and drive the renderer with DevTools Protocol commands.
When you're done, stop the dev server and confirm no Hubble Dev process remains.

Gotchas:

Build packages/ui and packages/editor first; the desktop app imports their dist output.
Screenshots are DPR 2: CSS px times 2.
Right clicks need real Input.dispatchMouseEvent events; synthetic contextmenu events don't open base-ui context menus.
Popup open in the DOM but missing from a screenshot? Check stacking with document.elementFromPoint.
xterm refits through a debounced ResizeObserver and can lag layout changes by a few seconds; re-measure before calling it a bug.

同仓库更多 Skills

同仓库

ask-cc

bholmesdev/hubble.md

Ask Claude Code to make a taste-driven call on something ambiguous — UI polish, prose phrasing, naming, formatting. Use when you'd otherwise guess.

2026-07-19725

release

bholmesdev/hubble.md

Prepare Hubble desktop releases using tag-triggered GitHub Releases. Use when cutting, automating, or explaining app releases, version bumps, tags, GitHub Actions publishing, Electron artifacts, or updater release management.

2026-07-16725

review-pr

bholmesdev/hubble.md

Review a pull request or local branch diff for correctness, security, lifecycle, error handling, tests, and meaningful performance risks. Use when asked to review PR changes, a branch, a commit range, or the current working tree and return a structured review.

2026-07-12725

request-pr-review

bholmesdev/hubble.md

Request an automated review of the current pull request, address valid feedback, and repeat until approval. Use after opening a PR and before handing it to a human reviewer.

2026-07-12725

changelog

bholmesdev/hubble.md

Add a user-facing entry to CHANGELOG.md for work that just landed. Use when wrapping up a feature/fix, or when asked to record what changed. Called standalone or from the `done` skill.

2026-07-09725

create-pr

bholmesdev/hubble.md

Open a pull request for the current branch. Use whenever asked to make/create/open a PR.

2026-07-07725

name	test-desktop-app
description	Use when testing the Hubble Electron desktop app, especially when inspecting, clicking, screenshotting, or verifying a real note edit in the running app.

Test Desktop App

Run HUBBLE_DESKTOP_ENABLE_CDP=1 pnpm dev:desktop.
Read the terminal output for:
- Playground: <path>
- DevTools listening on ws://127.0.0.1:9222/...
Use the auto-opened editable playground at apps/desktop/.dev-electron/playground instead of file pickers or checked-in fixtures.
Prefer the Chrome DevTools Protocol endpoint for interaction-heavy verification. It can inspect DOM state, evaluate JavaScript, click controls, inspect iframe contents, and capture screenshots from the real Electron renderer. This is useful when Computer Use has limitations interacting with the dev app window.
For CDP setup, fetch http://127.0.0.1:9222/json/list, connect to the page webSocketDebuggerUrl, and drive the renderer with DevTools Protocol commands.
When you're done, stop the dev server and confirm no Hubble Dev process remains.

Gotchas:

Build packages/ui and packages/editor first; the desktop app imports their dist output.
Screenshots are DPR 2: CSS px times 2.
Right clicks need real Input.dispatchMouseEvent events; synthetic contextmenu events don't open base-ui context menus.
Popup open in the DOM but missing from a screenshot? Check stacking with document.elementFromPoint.
xterm refits through a debounced ResizeObserver and can lag layout changes by a few seconds; re-measure before calling it a bug.