Click the actual element.
Target headings, buttons, cards, and sections. The extension records an element label and CSS selector as location hints for your coding agent.
Free visual website feedback Chrome extension
Point at it.
Be done with it.
Simple Website Feedback for AI lets you annotate web pages in Chrome. Select an element or area, type or dictate a note, and export clear Markdown for your AI coding agent.
Because “the thing under the other thing” is not a bug report.
Free Chrome extension · Available now · By DOT ROSI
POINT / COMMENTIllustration of the extension workflow · Real clickable demo below
Click elementsDraw an areaType or dictateCopy AI-ready context
So, what is it?
A website annotation tool for people building with AI.
Simple Website Feedback for AI is a free visual website feedback Chrome extension from DOT ROSI. It lets you click a page element or select an area, write or dictate a comment, and export location-aware feedback as Markdown or JSON.
The export includes the page path, recorded viewport size, and CSS selectors or nearby DOM context where available. Paste those notes into Codex, Claude Code, ChatGPT, or another coding tool. No direct AI account connection is required.
Available now: Install from the Chrome Web Store. You can try the interactive example below without installing anything.
Play with it
See it live.
A fake website. Real clicking. Leave a note and watch the export below update. Your actual website is safe.
Not-a-real-website.exampleINTERACTIVE DEMO · NO INSTALL NEEDED
VERY IMPORTANT™Home Services Contact
BEHOLD / AN EXAMPLE WEBSITE
We make things happen.
We're an ambitious company with a vague tagline and an unreasonable amount of confidence in our buttons.
200% MORE BUSINESS THINGS100% MOCK CONTENT. PLEASE RELAX.
Try clicking a headline, paragraph, button, or number.Nothing uploaded · Demo notes reset on refresh
Here's the useful part
What your AI actually gets.
Not a screenshot with “this one” written on it. Structured feedback with enough context to help your coding agent find the right thing.
01 /The page and viewport where the feedback happened.
02 /A selector or selected area to help locate it.
03 /Your actual comment. No AI pep talk attached.
AI-ready feedbackMARKDOWN
# Website Feedback for AI — https://not-a-real-website.example/ ## Illustrative demo export - Element: A clicked DOM element; selector and label identify the selection. - Context: Example selectors and viewport below are illustrative, not captured from your website. ## Page / — 1440 × 900 (example) ### #1 — Hero heading - Feedback: Make the headline twice as big on desktop. - Element: `#hero-title` ### #2 — Primary button - Feedback: This CTA could use a little more breathing room. - Element: `.hero-cta`
Live example · Updates when you add notes above
Why this instead of a screenshot?
The context comes with the comment.
It captures location clues automatically, so you can spend less time describing where something went wrong.
Draw the messy part.
Mark a rectangular area when the problem is between elements. Feedback records its document coordinates and nearby DOM clues, alongside the page and viewport.
Keep your coding workflow.
Export structured Markdown or JSON. Copy notes into your existing AI coding tool; no new task dashboard, login, or direct agent integration needed.
Simple on purpose
Three steps.
Zero detective work.
Point at the website. Say what needs to change. Hand the evidence to AI. Repeat as needed.
01 / SELECT
Click the thing.
Select an element or mark an area. Even that weird little thing hiding under the header.
02 / COMMENT
Say your piece.
Type or dictate the change. Short and sweet. Or a whole paragraph—we won't judge.
03 / COPY
Give AI the context.
Copy readable notes for Codex, Claude Code, or another coding agent. The fixes are still yours to review.
“The button under the other thing.”
We've all been there.
We built this because pointing at a website should be faster than describing it in twelve different ways.
The fine print. Minus the nonsense.
What does a website feedback Chrome extension do?
It lets you leave comments directly on a rendered website instead of writing separate screenshot notes. This tool also saves location clues, such as DOM selectors and viewport details, for an AI coding handoff.
What information does the AI feedback export include?
The Markdown or JSON export can include your comment, page path, recorded viewport dimensions, selected element label and CSS selector, or a drawn area's coordinates and nearby DOM context. These are location hints, not guaranteed source-code paths.
Is Simple Website Feedback for AI free?
Yes. Simple Website Feedback for AI is a free Chrome extension by DOT ROSI, available in the Chrome Web Store.
Does it actually fix my website?
No. It captures clear, structured feedback you can hand to a coding agent. You still review the resulting changes.
Can I use it with ChatGPT, Codex, or Claude Code?
Yes, through a copy-and-paste workflow. The extension exports readable Markdown with your comments and location context. Paste it into ChatGPT, Codex, Claude Code, or another tool that accepts text; the extension does not directly operate those tools.
Is my feedback uploaded somewhere?
The extension stores feedback locally in Chrome until you copy or export it. Chrome speech recognition may use an online service if you enable dictation. This page's demo does not upload your notes.
Can I install it from the Chrome Web Store yet?
Yes. Use Add to Chrome on this page to open the official Chrome Web Store listing and install the extension.
Another little DOT ROSI tool
Less explaining.
More building.
Free website feedback for the people who build websites. Available now in the Chrome Web Store.
Add to ChromeHelp & FAQ.
How do I install and open the extension?
Use Add to Chrome on this page to open the official Chrome Web Store listing, then install the extension. Click the extension icon on the website you want to review. The extension requires Chrome 116 or later. You can also try this page’s illustrative demo without installing anything.
How do I leave element or area feedback?
Choose Select and click an element, or choose Area and drag a rectangle. Type your comment and press Enter to save and close. Use Browse to interact with the website normally. Area context is approximate; review it before sharing.
How do I set up voice feedback?
Open Settings, choose Voice and use Allow microphone. Chrome opens an extension setup tab for permission. Return to your website, select an element or area, and click Dictate. Auto-start dictation is optional. Speech recognition is currently set to English (US) and may use an online browser-provided service.
Why is my microphone or dictation not working?
Check the extension’s microphone permission in Chrome and your operating system’s microphone settings. Check the selected input device and your internet connection, then retry. If recognition is unsupported or unavailable, switch to Text mode; microphone access is not required for typing.
Which keyboard shortcuts are available?
Outside text fields, V selects elements, A selects areas, B browses and F opens feedback review. Up and Down move between parent and child targets while selecting. Option/Alt + Up or Down changes the target while writing a new element comment. Enter saves and closes, Shift + Enter adds a line, and Escape closes the current panel or returns to Browse.
Where are my notes saved?
The extension saves feedback per website in local Chrome extension storage, with page paths and recorded viewports. Preferences are also stored locally. There is no DOT ROSI-hosted account or automatic feedback sync. The demonstration on this page is separate and resets when you refresh.
How do I copy or export feedback?
In the installed extension, Copy AI and the Markdown download include open, unresolved comments. JSON includes all comments with text, including resolved ones. Exports include location context where available. Review the content before copying or saving; this page only previews an example export.
How do I share feedback with AI coding tools?
Copy the extension’s Markdown into Codex, Claude Code, ChatGPT or another tool that accepts text, or share an export file. There is no direct AI account connection. Check notes and captured webpage context for sensitive information first; the receiving service’s privacy practices apply.
How do I delete feedback?
Open an annotation and choose Delete, or open Review feedback, then More options and Clear this website’s feedback to remove all notes for that website after confirmation. Resolving a comment does not delete it. Uninstalling the extension removes its local extension storage; copied text, downloaded exports and third-party copies must be deleted separately.
Make this headline a little less dramatic.