Element picker
Click any element in your app and capture selectors, text, classes, bounds, and computed styles.
The browser sidekick that lets you inspect, edit, and copy any component, pick colors, identify fonts, download assets, comment edits on localhost, and drive your browser.
Lives in your browser. Summon it with ⇧ ⌘ K on any site.
Features
Click any element in your app and capture selectors, text, classes, bounds, and computed styles.
Tune spacing, color, radius, typography, layout, shadows, opacity, and image fit with live preview.
Read component names, props, and ancestry so your coding agent has more than a CSS selector.
Show flex, grid, text, image, and positioned controls only when they make sense for the selection.
Leave precise notes on real UI elements instead of describing screenshots in a long prompt.
Export before and after diffs with element context for Claude Code, Cursor, or any agent workflow.
Connect the browser overlay to agent tools for structured UI changes without copy-paste when supported.
Copy a clean change report when you just need to paste the exact request into another tool.
One shortcut. Drive the browser without leaving the keyboard.
Install extensionWorkflow
DevTools feeling, agent-ready output.
Four steps from visual tweak to shipped code change.
Pricing
For trying Qursor on local UI fixes.
For builders using Qursor as part of daily product work.
For builders who want lifetime access without a monthly subscription.
Output
Three fidelity levels: minimal selector diffs, standard component context, or full computed-style snapshots.