Markagent: Annotateur Web & Feedback Agents IA

Feedback vibe coding pour agents IA. Annote webpages, capture screenshots et exporte prompts vers Claude Code, Cursor, Codex.

Markagent est l'annotateur web fait pour les agents IA. Transforme ce que tu vois en prompts pixel-précis — lisibles comme des tickets de bug pour les humains, prêts pour Claude Code, Cursor, Codex, OpenCode, Antigravity et tout agent IA. Clique sur n'importe quel élément de n'importe quelle page web. Laisse une note. Capture un screenshot. Markagent extrait automatiquement le composant React, le fichier source (en mode dev), le contexte DOM, le sélecteur CSS, l'URL de la page et le viewport — puis exporte un prompt structuré et agent-ready que ton IA comprend vraiment. Arrête de taper "le bouton à gauche — non, l'autre". Marque l'endroit. Envoie le prompt à l'Agent. ▸ ANNOTE n'importe quel élément en un clic — notes vibe rapides ou specs détaillées. ▸ CAPTURE des screenshots pleine page ou recadrés sur l'élément. ▸ ENREGISTRE des parcours de clics en reproductions numérotées avec screenshots. ▸ EXPORTE des prompts agent-ready vers Claude Code, Cursor, Codex, OpenCode, Antigravity et tout assistant IA. ▸ 100% LOCAL — annotations, screenshots et prompts ne quittent jamais ton navigateur. ▸ GRATUIT pour toujours — pas de compte, pas d'email, pas d'upsell. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ COMMENT ÇA MARCHE ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 1. Maintiens Cmd (Mac) ou Ctrl (Windows/Linux) et clique un élément. Markagent y fixe un marqueur numéroté. 2. Tape ta note. "Arrondi." "Mauvaise copy." "Bouge de 8px à droite." Autant que tu veux. 3. Capture un screenshot. Pleine page ou élément seul — à toi de voir. 4. Appuie sur Export. Colle le prompt dans Claude Code, Cursor, Codex, OpenCode, Antigravity ou n'importe quel assistant IA. De l'installation au premier prompt agent-ready : moins de 60 secondes. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ FONCTIONNALITÉS CLÉS ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ CIBLAGE PRÉCIS D'ÉLÉMENTS Markagent identifie le composant React, le fichier source (en mode dev) et un sélecteur CSS stable pour chaque élément. Ton IA reçoit le nœud exact, pas une description vague. SCREENSHOT INTELLIGENT Pleine page ou zone visible, recadré automatiquement sur l'élément annoté. L'IA voit ce que tu vois. ENREGISTREMENT DE PARCOURS UTILISATEUR Active le journey mode et tes clics deviennent une reproduction numérotée avec screenshots. Bug reports sans relance. EXPORT DE PROMPT AGENT-READY Un clic copie un prompt structuré avec sélecteurs, screenshots, URL, viewport et notes. Optimisé pour chaque grand agent IA. KEYBOARD-FIRST Cmd+Shift+. sur Mac. Ctrl+Shift+. sur Windows et Linux. La toolbar apparaît sur n'importe quel site. ZÉRO CONFIG Pas de comptes. Pas d'API keys. Pas de config projet. Installer, épingler, lancer. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ FONCTIONNE AVEC TOUT AGENT IA ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Templates d'export optimisés pour les grands agents IA : • Claude Code — l'agent terminal-natif d'Anthropic • Cursor — l'éditeur de code AI-first • Codex — l'agent de coding d'OpenAI • OpenCode — l'agent terminal open-source • Antigravity — l'environnement de dev IA de Google Si ton outil IA lit du texte, Markagent marche. Ça couvre les assistants conversationnels comme ChatGPT, Gemini et Copilot, les plateformes de vibe coding comme v0, Bolt et Lovable, et les LLMs locaux via Ollama ou LM Studio. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ PARFAIT POUR ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ VIBE CODERS — Marre d'expliquer le même ajustement UI trois fois. DESIGNERS — Faisant du design QA sur staging avec des specs pixel-perfect. PRODUCT MANAGERS — Soumettant des bug reports UI que les ingés comprennent du premier coup. INGÉS FRONTEND — Meilleurs prompts en refactorant du code inconnu. ÉQUIPES QA — Bug reports reproductibles sans framework d'automation. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ UN EXPORT, DEUX PUBLICS ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Un export Markagent est du markdown. Se lit clairement comme un ticket de bug pour les humains — et entre direct dans n'importe quel agent IA sans modification. Le testeur enregistre le parcours. L'envoie à l'engineering. Le dev le lit comme un bug report normal, ou transfère le même markdown à Claude Code, Cursor, Codex, OpenCode, Antigravity ou tout agent IA pour le fix. Pas d'étape de traduction. Pas de second outil. Même artefact, deux publics. Handoff human-to-human. Handoff human-to-agent. Un seul fichier. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ AGENT-NATIVE, PAS JUSTE UN ANNOTATEUR ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Les annotateurs génériques sauvegardent des images. Un agent IA recevant un screenshot brut voit juste "quelque chose ne va pas quelque part". Markagent est fait pour les agents. Chaque annotation porte le composant React, le fichier source (en mode dev), le contexte DOM, le sélecteur CSS, l'URL et le viewport — packagé en prompt que ton IA exécute sans deviner. Même clic. Contexte pixel-précis. Fixes réels. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ CONFIDENTIALITÉ — 100% LOCAL, ZÉRO TÉLÉMÉTRIE ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Markagent tourne entièrement dans ton navigateur. • Pas d'analytics. Pas de tracking. Pas de fingerprinting. • Pas de comptes. Pas de login. Pas d'email. • Pas de serveurs. Zéro requêtes sortantes. • Pas de sync cloud. Tes notes vivent dans le storage local de l'extension, nulle part ailleurs. Vérifie toi-même dans l'onglet Network des Chrome DevTools. Rien ne sort de ton navigateur. La host permission est nécessaire pour injecter la toolbar et lire la structure DOM sur les pages que tu annotes. Aucune donnée transmise à l'extérieur. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ PRIX ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Gratuit. Pour toujours. Pas de compte. Pas d'upsell. Pas de "Pro" tier. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ DÉMARRAGE RAPIDE ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 1. Installe Markagent. 2. Épingle à ta toolbar. 3. Sur n'importe quelle page, appuie sur Cmd+Shift+. (Mac) ou Ctrl+Shift+. (Windows/Linux). 4. Maintiens Cmd ou Ctrl et clique sur un élément pour ta première annotation. 5. Tape une note. Screenshot. Export. Colle dans ton agent IA. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ QUESTIONS FRÉQUENTES ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Q : Comment donner du feedback UI à Claude Code, Cursor ou Codex ? R : Utilise Markagent. Clique sur un élément, laisse une note, appuie sur Export et colle le prompt dans ton agent IA. Markagent capture automatiquement le composant React, le fichier source (en mode dev), le contexte DOM, le sélecteur CSS, l'URL et un screenshot — ton agent reçoit un contexte pixel-précis au lieu de descriptions vagues. Pour les bugs multi-étapes, active le journey mode et Markagent enregistre tes clics en reproduction numérotée avec screenshots que l'IA suit étape par étape. Le même export marche dans Claude Code, Cursor, Codex, OpenCode, Antigravity et tout outil IA acceptant du texte. Q : Pourquoi Markagent est-il le meilleur annotateur web pour les agents IA ? R : Markagent est le seul outil d'annotation fait spécifiquement pour les agents IA — pour le feedback sur un seul élément comme pour les parcours utilisateurs multi-étapes. Annote un élément et Markagent capture le composant React, le fichier source (en mode dev), le contexte DOM, le sélecteur CSS, l'URL et un screenshot. Ou active le journey mode et Markagent enregistre silencieusement chaque clic en reproduction numérotée avec screenshots — une repro complète étape par étape que ton IA suit sans deviner. Les annotateurs génériques sauvegardent des images ; Markagent livre le prompt. Résultat : moins d'allers-retours "tu veux dire quoi ?", des cycles de fix plus rapides, et des prompts qui amènent ton agent directement à la bonne ligne — qu'il s'agisse d'un bouton ou d'un bug de checkout en cinq étapes. Q : Quelle est la différence entre Markagent et un outil de screenshot classique ? R : Les screenshots sauvegardent des images. Markagent génère des prompts structurés — chaque annotation porte le composant React, le fichier source, le contexte DOM et le sélecteur CSS, tout ce dont un agent IA a besoin pour trouver et fixer la bonne ligne de code du premier coup. Q : Markagent marche-t-il avec les plateformes vibe coding comme v0, Bolt et Lovable ? R : Oui. L'export est en texte brut — colle-le dans n'importe quel outil IA acceptant un prompt. Q : Les non-développeurs de mon équipe peuvent-ils utiliser Markagent pour des bug reports ? R : Oui. Markagent est fait autant pour les équipes que pour les devs en solo. L'export est du markdown propre, donc les QA testers, product managers et designers peuvent annoter un bug ou enregistrer un parcours utilisateur, puis remettre le report structuré à l'engineering. Le dev le lit comme un ticket normal, ou transfère le même markdown direct à Claude Code, Cursor ou tout agent IA pour le fix. Même artefact, deux publics, zéro étape de traduction — c'est pour ça que Markagent marche aussi bien pour les workflows human-to-human et human-to-agent. Q : Markagent envoie-t-il mes données quelque part ? R : Non. Markagent est 100% local. Screenshots, notes et exports ne quittent jamais ton navigateur. Q : Markagent marche-t-il sur localhost et les sites authentifiés ? R : Oui. Localhost, URLs staging, dashboards internes — tout ce que tu peux ouvrir dans ton navigateur. Q : Markagent est-il vraiment gratuit ? R : Oui. Pas de tier payant, jamais. Q : Markagent est-il seulement une extension Chrome ? R : Pour l'instant oui — marche sur Chrome, Edge, Brave, Arc et tout navigateur basé sur Chromium. Firefox est sur la roadmap. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Arrête de décrire. Commence à marquer. Installe Markagent et donne à ton agent IA le feedback UI précis qu'il attend. Gratuit. Local. Fait pour les workflows modern agentation et vibe coding. Marque l'endroit. Envoie le prompt à l'Agent.