AgentEcho

About

AgentEcho is a visual feedback annotation tool for developers. Place numbered markers on any webpage element and instantly generate AI-optimized Markdown reports for bug reports, code reviews, and UI feedback.

Stop sending messy screenshots, long message threads, or “that button over there” explanations. With AgentEcho, you can precisely target elements and capture the context needed to communicate clearly with teammates or AI coding assistants.

KEY FEATURES

Visual Annotation System
• Click any element to place a numbered marker
• Hover highlight shows exactly what you’re targeting
• Markers stay visible and accurately positioned on the page

Smart Element Analysis
• Generates stable, unique CSS selectors
• Captures element tag, classes, id, and text content
• Stores element position for reliable targeting

Framework Detection
• Detects React components
• Detects Angular components
• Vue and Svelte support planned

Markdown Export (AI-Ready)
• One-click copy to clipboard
• Structured format optimized for AI coding agents
• Includes full element context for precise fixes

Developer-Friendly
• Uses Shadow DOM isolation (won’t break page styles)
• Works on any website
• Keyboard shortcuts for fast workflows
• Per-page feedback persistence

KEYBOARD SHORTCUTS
C — Copy all feedback
H — Toggle marker visibility
Delete / Backspace — Clear all markers
Escape — Exit annotation mode
Ctrl+Shift+A — Exit annotation mode

PERFECT FOR
• Bug reporting and QA notes
• Code review feedback on UI
• UI/UX review and spacing/layout issues
• Communicating with AI coding assistants (ChatGPT, Copilot, etc.)
• Product teams that need clear, actionable feedback

PRIVACY
AgentEcho runs locally in your browser and only activates when you enable it. It does not track you or collect personal data.