AgentEcho

Vous posez un marqueur numéroté sur n'importe quel élément d'un seul clic. Un surlignage bleu montre exactement ce que vous visez avant de valider. Les marqueurs restent visibles et positionnés sur la page, donc vous constituez une liste complète de notes en une seule passe plutôt que de corriger les choses une par une. Pourquoi s'en embêter ? Parce qu'un seul rapport combiné vaut mieux que dix messages dispersés.

AgentEcho identifie les composants React et Angular de la page et note le nom du composant avec chaque retour. Cela signifie que votre note arrive rattachée à SubmitButton plutôt qu'à un simple nœud DOM brut, ce qui réduit les allers-retours quand quelqu'un d'autre doit retrouver le code.

Chaque marqueur capture un sélecteur CSS stable, les classes de l'élément, ses ID et ses attributs de données, ainsi que son texte visible et sa position dans la page. Cette annotation par sélecteurs CSS, c'est ce qui rend un rapport utilisable. Une capture manuelle ou une description écrite ne peuvent pas la reproduire.

Un clic copie tout dans le presse-papiers sous forme de rapport Markdown structuré, avec un en-tête pour l'URL, l'heure de capture et le nombre d'éléments. La disposition est calibrée pour les agents de codage IA, donc vous pouvez la coller dans un chat avec un assistant et obtenir des modifications qui correspondent aux éléments que vous avez signalés.

L'interface d'annotation tourne dans un Shadow DOM, ce qui l'empêche de capter ou de fuiter les styles de la page. Concrètement, la barre d'outils et les marqueurs restent homogènes et ne cassent pas le site que vous examinez, même sur des pages au CSS agressif.

Un petit jeu de raccourcis accélère le travail répétitif. Appuyez sur C pour copier tous les retours. Appuyez sur H pour masquer les marqueurs. Delete les efface, et Escape quitte le mode annotation sans toucher à la barre d'outils. Pratique une fois que vous avez posé une douzaine de notes.