Run any Skill in Manus with one click

test-desktop-app

Stars725

Forks50

UpdatedJuly 7, 2026 at 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.

Installation

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

Run Skill in Manus

Source

bholmesdev

bholmesdev/hubble.md

View GitHub Repository View Creator Repositories

Download

Run Skill in Manus

Related occupationsSOC

Based on SOC occupation classification

Software Quality Assurance Analysts and TestersComputer and Mathematical Occupations·SOC 15-1253

SKILL.md

readonly

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.

More from this repository

same repository

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.