Faut-il React pour que ça marche ?
Non — Notepix annote n’importe quelle page. Sur un build React de dev (Vite, Next.js, CRA ;
React 18 et 19), chaque repère enregistre en plus le nom du composant et le
fichier:ligne source derrière l’élément. Sur un build de production ou une page
non React, il se rabat sur un sélecteur CSS précis. La résolution de source pour Vue
et Svelte est sur la feuille de route.
Avec quels agents IA fonctionne-t-il ?
Partout où vous pouvez coller du texte : Claude Code, Cursor, GitHub Copilot, Windsurf, Codex,
Aider, une simple fenêtre de chat. Le brief est du texte brut dans votre presse-papiers —
aucun compte, aucune configuration. Vous pouvez aussi sauter le collage, de deux façons :
avec Claude Code connecté via Claude in Chrome (choisissez le format de relais et
il lit les repères directement sur la page), ou en ajoutant le serveur MCP Notepix optionnel — une commande,
npx -y notepix-mcp setup, l’enregistre
auprès de tous les agents de codage de votre machine — pour que votre agent récupère
lui-même repères et captures et les coche à mesure qu’il corrige.
Comment montrer à mon agent IA l’élément à modifier ?
Cliquez dessus. Notepix épingle une note numérotée sur l’élément et enregistre
le composant React, le fichier source et la ligne, le style calculé et une
capture propre. Copy for AI transforme le tout en un seul brief — collez-le
dans Claude Code, Cursor ou Copilot — ou laissez l’agent lire les repères lui-même via MCP.
Notepix est-il un outil d’annotation UI ou de feedback visuel ?
Les deux, pensé pour la boucle de codage avec l’IA. Utilisez-le comme un outil de
revue de design ou de signalement de bugs — notes, cadres et croquis sur n’importe
quelle page web, localhost compris — à une différence près : chaque annotation
embarque le contexte de code (composant, fichier, sélecteur, style) dont un agent IA
a besoin pour vraiment livrer le correctif.
Ça marche sur les previews Lovable, Replit, v0 ou Bolt ?
Oui — cliquez sur l’icône Notepix dans la barre d’outils, sur n’importe quelle page http(s),
previews cloud comprises, et annotez. Sur les serveurs de dev localhost, Notepix se
charge tout seul après chaque reload ; l’auto-chargement en un clic pour les
domaines de preview est au programme de la prochaine mise à jour.
Où sont stockées mes notes ?
Dans le stockage local de l’extension, côté Chrome, indexées par page et par route SPA. Sur
les serveurs de dev localhost, Notepix se charge tout seul : vos notes sont
toujours là après chaque reload. Vous pouvez exporter les repères d’une page en
fichier JSON et les importer où vous voulez.
Qu’est-ce que Notepix envoie sur le réseau ?
Rien ne quitte votre ordinateur — tant que vous n’avez pas saisi de clé de licence.
Ensuite, il n’existe qu’un seul type de requête
Internet : la vérification de votre clé auprès de l’API de licences de Gumroad, à
l’activation puis au plus une fois par semaine. Elle contient la clé et l’id du
produit — jamais le contenu des pages, ni les notes, ni les captures. Si vous activez la
connexion MCP optionnelle, celle-ci parle à
127.0.0.1 — votre propre machine — et
à rien d’autre. La politique complète est sur la page de confidentialité.
Que se passe-t-il à la fin de l’essai ?
Créer de nouveaux repères demande le déblocage unique à $6.43. Tout ce que
vous avez déjà créé reste consultable, copiable, exportable et supprimable pour
toujours — vos notes vous appartiennent.
Le raccourci clavier ne fait rien ?
Alt+Shift peut entrer en conflit avec le changement de disposition du clavier, surtout
sous Windows. Ouvrez
chrome://extensions/shortcuts et réassignez
« Toggle the Notepix panel » sur la combinaison de votre choix — l’icône de la barre
d’outils et le menu clic droit, eux, fonctionnent toujours.
Chrome uniquement ?
Chrome 116+ et Edge basé sur Chromium (testé). Une fiche Edge Add-ons et d’autres
navigateurs sont sur la feuille de route.
