DevEye lets you click any element on a webpage, leave a note, and instantly generate structured Markdown feedback - element location, classes, styles and all - ready to paste straight into Claude, Cursor, Copilot, or any AI coding agent.
No account required · Notes never leave your browser
On the page
# DevEye report
1 note · viewport 1440×900
## Notes
### 1. "Get started" button
> Make this CTA bigger and bolder
- where: header / .hero / button
- classes: btn, btn-primary
DevEye isn't a screenshot tool. It understands the page - so your notes come with the context an AI agent actually needs.
Click any element on any page - buttons, headings, images, whole sections - and attach a note directly to it.
Select several elements at once, or drag a box across a region - perfect for layout and section-level feedback.
Pause carousels, transitions, and video so you can annotate a moving target without it shifting under your cursor.
Every note is paired with the element's DOM path, CSS classes, computed styles, and surrounding context - four detail levels to choose from.
One click copies your notes formatted for an AI agent - or as clean plain text for tickets, chats, and emails.
Dark & light themes, adjustable accent colors, and a draggable toolbar that remembers where you left it.
Open the toolbar, click the element you want to flag, and type what should change.
It captures the element's location, classes, styles, and nearby content - everything an agent needs to find the right code.
Copy the generated Markdown and hand it to Claude, Cursor, or any coding agent - no more guesswork on either side.
chrome.storage.local. DevEye has no servers, does no analytics, and never transmits page content or annotations anywhere. See the privacy policy for details.
Install DevEye, click your first element, and see how much faster feedback moves when your AI agent knows exactly where to look.
Add DevEye to Chrome - it's free