dsh-pickdom

When an AI Agent edits a front-end interface, the most expensive step is rarely writing code—it is telling the Agent exactly where to change. Screenshots invite guessing, hand-written selectors require a long DevTools session, and pasting an entire page of HTML floods the context with noise. PickDOM compresses "pointing" into a single hover-and-click, handing the Agent a structured DOM reference—selector, text, outerHTML, size, and key computed styles—instead of an image it has to interpret.

PickDOM is a dual-engine Browser plugin for the DSH sidebar. The File Engine opens local .html files where you can hover to highlight, click to select, edit text directly, duplicate or resize elements, and save changes back to the real file including nested iframes. The Web App Engine uses Electron WebContentsView (native Chromium) to open http/https sites without X-Frame-Options restrictions, supports continuous picking, and pipes element context straight into the Agent conversation. Three mutually exclusive modes—Browse, Pick, and Edit—cover the full look-point-change workflow.

It is built for developers iterating on front-end prototypes inside DSH with an AI agent: move your cursor to the element you want changed, click once, and let the Agent handle the rest—no more screenshots, selector hunting, or full-page HTML paste.