electron-playwright-validatorlisted
Install: claude install-skill johnkozaris/jko-claude-plugins
# Electron Playwright Validator
Validate Electron desktop apps by launching them with Chrome DevTools Protocol (CDP) and automating the UI via Playwright. The `e-cli` tool provides a persistent session model: launch the app once (~5s startup), then run fast CDP-connected commands (~200ms each) to inspect, click, screenshot, and validate.
## Setup — resolve the tool path first
`e-cli` ships inside this plugin and is NOT on PATH. Define this once per session and use it for every invocation:
```bash
E_CLI="${CLAUDE_PLUGIN_ROOT}/bin/e-cli"
"$E_CLI" --help
```
Every `e-cli <cmd>` in this document means `"$E_CLI" <cmd>`. The tool resolves `electron` and `playwright` from the **project's** node_modules — run it from the project root; nothing is installed globally.
## Core Workflow
Follow this sequence for every validation session:
1. **Launch** — `e-cli launch` starts the Electron app with CDP enabled. Auto-builds if `out/main/index.js` is missing.
2. **Snapshot** — `e-cli snapshot` dumps the full accessibility tree. This is how you "see" the UI.
3. **Interact** — Use `e-cli click`, `e-cli fill`, `e-cli press` to navigate and interact.
4. **Validate** — After each interaction, snapshot again to verify the UI updated correctly. Use `e-cli screenshot` + `Read` tool for visual confirmation.
5. **Close** — `e-cli close` terminates the app and cleans up state.
Always close the app when done. A lingering Electron process blocks subsequent launches.
## Reading the Accessibility T