Inspecting Hermes Desktop DOM
Read the live Hermes desktop DOM/CSS over CDP.
📖 Guide
Load with skill_view("inspecting-hermes-desktop-dom"). When you are developing `apps/desktop` and the user is running that same app (`hgui` / `npm run dev`), you can read the **live rendered DOM** of the window they are looking at — computed styles, geometry, which CSS rule actually won, console output — instead of inferring it from `.tsx` and being wrong.
🔧 How To
Skill sections: Inspecting the live Hermes desktop DOM, When to Use, The port, Reading the DOM, The question this is best at: which rule won?, Your own isolated instance.
⚠️ Pitfalls
- **Never kill the user's dev server or app to "free" anything.** A mid-serve kill nukes Chromium's socket pool, and the resulting `ERR_NETWORK_CHANGED` gets blamed on whatever you just changed. - **A throwaway `HERMES_HOME` has no backend.** The app logs `ECONNREFUSED` for `hermes:api` and may exit on its own. The renderer still mounts and the DOM is readable — read promptly, and don't mistake a
Related Skills
More skills in Software Dev