Browser: click on div -> take me to code

Feature request for product/service

Cursor IDE

Describe the request

When I am doing pure UI edits, that the layout is mostly done and I am at the details phase (padding, font sizes, margins, quick copy enhancement..)
I do not want to ask an agent to do the changes bc it’s too slow.
And also, I vibe coded my way up until here, so I have no clue where the code is, and it pains me to look for it.

I would like a click option in the browser that allows me to click a region of the displayed app in the browser, and that takes me to the code for that region, so that I can edit in manually and view detail changes quickly.

The UX I envision is similar to the “select element” option in the browser.

Would love to know if other people think this can be a good addition to the browser experience.

Thanks guys!

1 Like

3 posts were merged into an existing topic: Click-to-Source from Browser / Visual Editor (Inspect → Open File & Line)