OpenPicker - Pick CSS Selectors on Any Page

About

openpicker is an open-source element picker for the web. Click the toolbar button, point at any
element on the page, and openpicker generates a stable CSS selector for it — then copies it to your
clipboard. Apps can also drive it programmatically through the open-source @openpicker/sdk to let
their users pick an element (even on another tab) and get the selector back.

Why openpicker:
• Stable selectors — built on a proven selector engine, with filters that skip auto-generated ids
  and hashed CSS-in-JS / CSS-module class names.
• Tune it per site — choose whether selectors use id / class / attributes, set ignore patterns and
  an attribute allow-list; remembered per website.
• Inspect as you go — editable selector with a live match count, a DOM-tree navigator, and the
  element's attributes, all in an overlay that never clashes with the page.
• Optional screenshots — capture the element or the viewport along with the selector.
• You're in control — an extension-wide authorization mode (allow all / ask / blocklist) that only
  you set; nothing is captured without you picking and confirming.
• Private by design — no servers, no tracking, no data leaves your browser.

openpicker is free and open source (MIT). Source, docs, and the SDK:
https://github.com/usertour/openpicker