dsh-plugin-browser

One of the most tedious loops in frontend development is bouncing between the IDE and the browser after every UI tweak: eyeball the result, guess a selector, patch the code, repeat. Even worse, telling the model exactly which element you mean means writing vague descriptions with no screenshot and no precise selector to anchor on. dsh-plugin-browser embeds a Playwright Chromium instance directly into the DeepSeek Harness web-client sidebar. A CDP screencast streams the page in real time, and navigation, clicks, typing, scrolling, and keyboard input are all handled in place, eliminating the window-switching ritual entirely.

The standout feature is the element-picker mode. Toggle it on, click any element on the page, and its screenshot, CSS selector, tag name, visible text, outerHTML, and page URL are captured instantly as reference chips (Element 1, Element 2, and so on) inserted into the chat input using the same Lexical chip mechanism as @file references. Chips are deletable, undoable, and persist with the draft. Write a natural sentence such as swap Element 1 and Element 2, and on send each chip expands into its full structured context so the model can target the exact DOM node instead of guessing from a vague description.

A set of model-facing browser tools (browser_navigate, browser_screenshot, browser_snapshot, browser_click, browser_type) completes the loop, letting the model open a page, capture a verification screenshot rendered as an inline image card, and interact with elements by index. The workflow becomes edit code, open the page, screenshot to confirm, without any human hand-off. This plugin is ideal for developers working in the dsh web client on frontend or full-stack projects who want AI to participate directly in UI verification and bug fixing. WSL2 users get a bundled script that injects libnspr4 and libnss3 without sudo, making setup genuinely zero-friction.