VoiceTree — отладка Electron через Playwright MCP

★ 6.5 · vibe-coding

voicetree is a Claude Code skill that connects Playwright MCP to a running VoiceTree Electron app for live debugging and UI automation via the Chrome DevTools Protocol (CDP). It guides through three steps: starting Electron in debug mode with `npm run electron:debug` (CDP on port 9222, automatically loading the example_small project and spawning debug terminals), verifying CDP readiness via curl, and jumping straight to inspection without navigating — since navigating would destroy the loaded state. Available tools include `browser_snapshot`, `browser_evaluate`, `browser_take_screenshot`, and more; `window.electronAPI.main` and `window.cytoscapeInstance` expose graph data, node details, and app settings directly in the page context. The skill is built for VoiceTree developers who need to inspect UI elements, query the Cytoscape graph, or automate interactions with the live Electron app.