Claude Code Tip: Select DOM Elements Visually to Prompt Frontend Changes

EricBuess · x · 2026-08-14

A useful workflow tip for Claude Code desktop: inside its Browser pane, you can select any web element using a shortcut (⌘⇧S) and tell Claude what to change using natural language.

Claude automatically reads the underlying DOM elements, React components, and styles before making code edits. Users can also draw annotations directly on the page to provide Claude with more visual context.

Related event: Claude Code Desktop Adds Browser Element Selection Feature(2 posts)→

Original post →

More from coding & agent

coding & agent channel →