DevEye

About

DevEye turns your browser into a feedback tool built for AI-assisted development.

Instead of writing vague bug reports like "the button on the homepage looks wrong," click directly on the element, type your note, and DevEye generates a structured Markdown report - complete with the element's location, CSS classes, and surrounding context - that you can paste straight into your AI coding agent (Claude, Cursor, Copilot, etc.) so it can find and fix the exact code you mean.

Key features
• Click-to-annotate - select any element on a page and attach a note to it
• Multi-select & drag-select - annotate several elements at once
• Freeze animations - pause moving content so you can annotate a stable target
• Structured Markdown output - element descriptions, DOM paths, CSS classes, computed styles, and accessibility info, with four detail levels (Compact / Standard / Detailed / Forensic)
• One-click copy - as Markdown or as plain text
• Dark & light themes, adjustable accent colors, draggable toolbar
• Notes are saved per page and persist across reloads

Whether you're a developer reviewing your own work, a designer flagging visual issues, or a PM collecting feedback for an engineering team, DevEye turns "this looks off" into something an AI agent - or a human developer - can act on immediately.