desktop-shell
GitHub指导 Electron 桌面应用开发,涵盖主进程与预加载脚本修改、原生窗口/菜单/通知管理、IPC 安全边界、后台进程启动及 CDP 调试。
Trigger Scenarios
Install
npx skills add openchamber/openchamber --skill desktop-shell -g -y
SKILL.md
Frontmatter
{
"name": "desktop-shell",
"description": "Use when changing Electron main\/preload code, desktop IPC, native windows, menus, dialogs, notifications, updater behavior, deep links, SSH or tunnels, child processes, packaged startup, or Windows process spawning, and when driving or inspecting the desktop window (dev or installed) over CDP."
}
Desktop Shell
Required Context
Read packages/electron/README.md and nearby packages/electron code before editing. Context gathering is complete when each changed behavior is assigned to main, preload, renderer/shared UI, or web/runtime ownership.
Load ui-api-decoupling when a native change adds or alters a renderer-facing capability, RuntimeAPIs, runtime auth/URL behavior, or shared bridge contract. This skill owns the Electron privilege boundary; ui-api-decoupling owns the shared UI/runtime contract.
Before editing behavior a user can reach, write the surface list from ui-api-decoupling, Name The Surfaces Before Editing: one line per runtime, including the ones this change appears to leave alone. A native-looking change is the usual place this gets skipped: a shutdown order, an updater handoff, or a window lifecycle reads as desktop-only while the sequence around it is shared, and the platform guard that is correct on its own becomes a trap when the rest of the sequence does not account for it.
Runtime Boundary
- Electron boots
@openchamber/webin the same Node process and loads the UI over loopback. Do not introduce a sidecar server process. - Keep renderer contracts and domain logic in
packages/ui, server behavior inpackages/web, and Electron focused on inherently native behavior: windows, menus, dialogs, notifications, updater, deep links, runtime host switching, privileged IPC, SSH, and tunnel lifecycle. - Electron is the desktop release target.
IPC And Security
- Add a preload bridge shape only when renderer-facing capability changes.
- Handle the native operation in
main.mjs. - Gate privileged commands in the main process; renderer checks are not security boundaries.
- Expose the narrowest payload and never expose filesystem, shell, tokens, or host secrets to remote pages.
- Do not import Electron from shared UI code.
Remote runtime pages must not gain local desktop privileges. Treat deep links, host imports, stored credentials, and runtime switching as trust-boundary operations.
Windows Background Processes
Non-user-visible child processes must never flash a console window.
- Spawn the target executable directly with
windowsHide: true. - Use
stdio: 'ignore'for detached/background helpers and callunref()when they must outlive Electron. - Avoid
cmd.exe /c, batch shims,taskkill,pingdelays, and pipelines that create console grandchildren.windowsHidereliably controls only the directly spawned process. - Prefer native Node/Electron APIs when available.
- For delayed work that must survive app exit, spawn one first-level hidden helper, such as
powershell.exe -NoProfile -NonInteractive -WindowStyle Hidden -EncodedCommand ...; perform delay and work inside that process with cmdlets. - Omit hidden-process behavior only for intentionally user-visible terminals or applications.
Packaging And Lifecycle
- Keep native/external modules configured according to
packages/electron/README.mdandbundle-main.mjs. - Preserve startup, quit, updater, notification, and deep-link behavior across development and packaged builds.
- Ensure cleanup tolerates partial startup and repeated shutdown signals.
- Quitting ends in
app.exit(), which skips Chromium's shutdown and the pages' unload handlers, so localStorage writes still held by the page or by Chromium are lost and the next launch paints from an older cache. Every quit path runsflushRendererStorage()(main.mjs) before it exits. - Do not infer readiness from stdout when an in-process callback or returned server handle exists.
Validation
Before judging any change to the update or quit/install sequence, read openchamber-change-discipline's references/updater-testing.md: that path cannot be verified by review or by unit tests, a run done the obvious way reports success while testing nothing, and a passing run on one platform says nothing about the others.
Auth and header bugs reproduce only in the installed app: only the packaged renderer (openchamber-ui://app) is cross-origin and attaches the client bearer (Authorization: Bearer oc_client_…); dev web and dev Electron run same-origin without it. To inspect the installed app, quit it and relaunch /Applications/OpenChamber.app/Contents/MacOS/OpenChamber --remote-debugging-port=9222, then talk CDP over the page's own webSocketDebuggerUrl from http://127.0.0.1:9222/json/list (a browser-level connectOverCDP times out). Its server answers on desktopLocalPort from ~/.config/openchamber/settings.json; logs are in ~/Library/Logs/OpenChamber/main.log.
To test the dev window the same way, start it with OPENCHAMBER_ELECTRON_REMOTE_DEBUGGING_PORT=9222 bun run electron:dev (Electron drops a plain --remote-debugging-port passed through the dev script; packaged builds ignore the variable) and use the same CDP route. Runtime.evaluate reads page and React state, and Input.dispatchMouseEvent/Input.dispatchKeyEvent go through Chromium's real input pipeline, so they exercise hit-testing and focus the way a user's click does; a scripted element.click() skips both.
Run focused Electron tests and package checks. For startup, preload, routing, or packaging changes, completion requires both HMR development and bundled UI validation. For Windows process work, completion requires inspection of the complete process tree with no console flash; command success alone is insufficient.
Version History
-
bf977d2
Current 2026-10-19 13:04
新增支持通过 CDP 连接开发环境窗口;修复退出时 localStorage 未刷新的问题。
-
336e192
2026-09-22 17:57
新增后台进程隐藏规范、打包生命周期要求;修正上游测试流程中关于关闭路径验证及跨平台差异的说明。
-
2db90f7
2026-08-20 04:54
细化上下文获取要求,明确运行时边界与 UI API 解耦规范,补充验证流程。
- 74b1bd8 2026-07-25 10:36


