Media
4 items
Description
Visual feedback annotation tool for developers Avanxo Feedbacks is a visual feedback annotation tool for developers, designers, and clients. Place numbered markers on any webpage element and generate AI-optimized Markdown feedback reports — perfect for code reviews, bug reporting, and communicating with AI coding assistants. HOW IT WORKS: 1. Click the extension icon and press "Activate" to enable annotation mode 2. Hover over any element to see a blue highlight box 3. Click an element to place a numbered marker 4. Enter your feedback in the modal that appears 5. Repeat for as many elements as needed 6. Click "Copy" to copy the structured Markdown report to your clipboard KEY FEATURES: • Visual Annotation System — Click any element to place a numbered marker with blue hover highlight • Framework Detection — Automatically detects React and Angular components • Smart Element Analysis — Generates unique CSS selectors, extracts classes, IDs, data attributes, and text content • Markdown Export — One-click copy to clipboard in a structured format optimized for AI coding agents • Inline Text Editing — Edit page text directly with Before/After entries in the report • Shadow DOM Isolation — Won't break page styles; works on any website • Keyboard Shortcuts — C (copy), H (toggle markers), Delete (clear), Escape (exit), and customizable hotkey PERFECT FOR: • Developers receiving visual bug reports from QA or clients • Designers providing pixel-perfect feedback on live implementations • Teams communicating about UI issues without screenshot markup tools • Anyone working with AI coding assistants who needs precise element context