Brilliant, exactly what I was after

[mtomov]

Thanks for this work! It's exactly what I was after. I created a chrome extension that injects it on any page that I need to add comments to, which I plan to use for localhost and other review apps to add comments on, and then feed them into llms.

I saw on the json output:

selector:	"#main-content > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(2)"

is there a way to add one more tool, similar to developer tool's pointer icon that allows me to precisely select a dom element? That way I can be sure that the element I am pointing to (say with the pin tool) is exactly the one the LLM will get the context for, and will go and look?

https://github.com/aidenybai/react-grab is very close to what I mean - it grabs the name of the React (dom) element, and more. Have a look at it if you install it.

Thanks again for this idea!

[akashgoswami]

Thanks @mtomov appreciate your feedback.
I had to pivot to a framework-less approach based on pure DOM as the Author may use any JS framework for published work. CSS/XSS style selector works universally across all the frameworks.

Let me know if you have any ideas on how to enhance the traceability of the selected element which is independent of the framework used.