crystal-clear web ui feedback.
spotlight lets your team comment directly on the html elements that matter — on any live page. precise, contextual feedback that ends the screenshot pile-up and the “which button?” back-and-forth.
this cta should read “pay now” and use the accent color, not ink.
button.checkout-ctacommentbuilt for the people who ship the web
feedback that loses the thread
- screenshots pasted into docs with arrows and circles
- five-minute screen recordings to point at one button
- “the thing in the top right” — but on which page?
- feedback scattered across slack, email, and sticky notes
feedback pinned to the exact element
- click any element, type your note, done
- every comment carries its selector and url
- open the dashboard and see all of it in one place
- share a link that takes anyone straight to the element
point at the pixel, not the paragraph
flip on the spotlight extension and every element lights up on hover. click the one you mean, type your note, and spotlight captures its css selector, the page url, and the page title — automatically. no more describing where the thing is.
- hover-to-highlight on any live web page
- robust selector + xpath captured on click
- works on staging, production, or a localhost tunnel
this cta should read “pay now” and use the accent color, not ink.
button.checkout-ctacommentone link, straight to the element
every comment lives in your team dashboard with its full context. copy a shareable link and your teammate lands on the exact comment — then “view in context” reopens the live page and highlights the element for them.
- team dashboard with every comment in one list
- view in context reopens + highlights the element
- filter by url, date, or who left the note
cta copy should say pay now
button.checkout-ctapricing link 404s on mobile
nav.primary > a:nth-child(3)headline wraps awkwardly at 1280px
section.hero h1validation fires too early
form#signup input[type=email]one tool, every feedback loop
spotlight fits the way pms, designers, qa, and engineers already work — it just makes the handoff unmissable.
product managers
collect crisp stakeholder feedback on real features, not vague impressions.
designers
review live builds against the design and flag exactly what drifted.
qa engineers
file bugs with the selector and url attached — no repro hunt needed.
developers
open a comment, jump to the element, fix it, mark it resolved.
from page to pinned in seconds
- 1
click the spotlight icon
the page enters commenting mode with a subtle amber frame.
- 2
click an element
it highlights; a small overlay opens for your note.
- 3
type and save
the comment lands in your team dashboard with full context.
- 4
share the link
anyone on your team can jump straight back to it.
headline wraps awkwardly at 1280px — can we cap the line length?
url acme.com/
element section.hero h1
80%
of feedback ambiguity comes from missing context
1 click
to pin a comment to any element
0
screenshots required
questions, answered
do i need to install anything on the websites i comment on?
no. spotlight is a chrome extension that runs on top of any page you visit — no script tags, no sdk, nothing to add to the site you're reviewing.
what exactly gets saved with a comment?
your note, the element's css selector, the page url and title, and who left it. that's enough for anyone to find the exact spot again.
is it really free?
spotlight is free for individuals with sensible limits. teams that want shared dashboards and unlimited comments upgrade to pro.
which browsers are supported?
chrome to start. it's a manifest v3 extension, so support for other chromium browsers is on the roadmap.
want the deep dive? read the product page or browse the blog.
give feedback that lands.
install the extension, click an element, leave a note. your team will wonder how they shipped without it.