Item logo image for DevEye

DevEye

5.0(

2 ratings

)
Item media 2 (screenshot) for DevEye
Item media 1 (screenshot) for DevEye
Item media 2 (screenshot) for DevEye
Item media 1 (screenshot) for DevEye
Item media 1 (screenshot) for DevEye
Item media 2 (screenshot) for DevEye

Overview

Click an element, leave a note, and copy structured Markdown feedback your AI coding agent can act on instantly.

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. Inspired by Agentation by Benji Taylor (agentation.com).

Details

  • Version
    1.2.0
  • Updated
    June 10, 2026
  • Offered by
    Ajit Kihor
  • Size
    49.34KiB
  • Languages
    English
  • Developer
    Email
    ajitahir999@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization
The developer has disclosed that it will not collect or use your data. To learn more, see the developer’s privacy policy.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Related

MarkIt — 圈选元素,自动生成 AI 修改指令

4.8

你一眼看出页面哪里不对,但跟 AI 说清楚得花十分钟。直接在页面上圈选并截图,MarkIt 自动补充元素定位、CSS 选择器和验收标准,输出 Cursor、Claude Code 能直接执行的结构化指令。

ContextSnap: Screenshots & AI Visual Feedback

0.0

Element-snapping screenshot tool with AI visual feedback queue — capture, annotate, and collect UI feedback.

Prompt Picker - Pick element, annotate and get prompt

5.0

Pick and annotate elements on any web page, then copy as structured prompts for AI coding agents like Claude Code, Codex & Cursor.

InspectMode Pro: AI Prompt, Inspect, Color, Fonts

5.0

Click any element to copy an AI prompt for Cursor, Claude & Codex. Inspect CSS, pick colors, find fonts & grab assets.

Agentation Vue

5.0

Turn UI annotations into coding-agent instructions. Click any element, add a note, and paste into any AI tool.

Element Select - AI Agent Annotation Tool

5.0

Annotate web elements and generate structured feedback for AI coding agents

Page Feedback Annotator

5.0

Click any element to add feedback. Export structured annotations as markdown for AI agents, QA, and design reviews.

Modify — Visual CSS Editor for AI Coding Agents

5.0

Edit live webpages with a visual CSS editor, then copy exact changes as a structured prompt for terminal AI coding agents.

Azure DevOps PR Feedback to Markdown — Export for AI

0.0

Export Azure DevOps PR review comments, diffs & suggestions to AI-ready Markdown — agent instructions built in. One click.

Handoff — Visual Feedback for AI Agents

0.0

Pin feedback on any page — screenshot, selector, styles, console — and hand it to your AI coding agent as ready-to-fix context.

UIDrop — Design System Extractor for AI

5.0

Extract any site's colors, fonts, spacing & components in one click. Send the design system to your AI coding assistant.

Tweaklify

5.0

Fast DOM prototyping & live style editing — click any element to inspect and tweak it instantly.

MarkIt — 圈选元素,自动生成 AI 修改指令

4.8

你一眼看出页面哪里不对,但跟 AI 说清楚得花十分钟。直接在页面上圈选并截图,MarkIt 自动补充元素定位、CSS 选择器和验收标准,输出 Cursor、Claude Code 能直接执行的结构化指令。

ContextSnap: Screenshots & AI Visual Feedback

0.0

Element-snapping screenshot tool with AI visual feedback queue — capture, annotate, and collect UI feedback.

Prompt Picker - Pick element, annotate and get prompt

5.0

Pick and annotate elements on any web page, then copy as structured prompts for AI coding agents like Claude Code, Codex & Cursor.

InspectMode Pro: AI Prompt, Inspect, Color, Fonts

5.0

Click any element to copy an AI prompt for Cursor, Claude & Codex. Inspect CSS, pick colors, find fonts & grab assets.

Agentation Vue

5.0

Turn UI annotations into coding-agent instructions. Click any element, add a note, and paste into any AI tool.

Element Select - AI Agent Annotation Tool

5.0

Annotate web elements and generate structured feedback for AI coding agents

Page Feedback Annotator

5.0

Click any element to add feedback. Export structured annotations as markdown for AI agents, QA, and design reviews.

Modify — Visual CSS Editor for AI Coding Agents

5.0

Edit live webpages with a visual CSS editor, then copy exact changes as a structured prompt for terminal AI coding agents.

Google apps