AgentEcho

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.