원클릭으로 Manus에서 모든 스킬 실행

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 저장소 열기 Creator 저장소 보기

다운로드

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.