What problem does it solve? When developing the ZeusAgent desktop app, inferring rendered UI state from .tsx source files leads to wrong conclusions. This Skill reads the live rendered DOM of the running Electron window — computed styles, geometry, winning CSS rules, and console output — over the Chrome DevTools Protocol port exposed by dev-server runs. ## Core Features & Use Cases - Live DOM and computed style reading: Query the running renderer via apps/desktop/scripts/eval.mjs or the shared CDP client with target discovery and promise-aware eval. - CSS rule resolution: Determine which selector actually won on a real node, including inherited values and plugin stylesheet overrides, before editing call sites. - Isolated probe instances: Launch a separate Electron instance with its own ZEUS_HOME, user-data-dir, and CDP port so the user's session is never disturbed. - Use Case: A style change "isn't applying" in the running app. Instead of sweeping every call site, evaluate the real node, see that the value is inherited from an ancestor rule set by @tailwindcss/typography, and override the shared class once. ## Quick Start Ask the agent to check the CDP port on 127.0.0.1:9222 and read the computed style of a specific element in the running ZeusAgent desktop window.
