Cadranote — Cibler pour une IA

Sélectionnez un élément et copiez son sélecteur CSS, son chemin HTML et son contexte pour une IA.

Cadranote transforme ce que vous voyez sur une page en consigne précise pour votre assistant IA. Cliquez sur l’icône ou appuyez sur Alt+C, visez un élément de la page : Cadranote affiche son sélecteur CSS unique, son chemin HTML et un extrait de son code. Décrivez la modification souhaitée, ajoutez si besoin des éléments de référence, puis copiez le tout en un clic pour le coller dans ChatGPT, Claude, Copilot ou tout autre assistant. Fonctionnalités • Sélection au survol : chaque élément est encadré avec ses dimensions, un clic le cible. • Sélecteur CSS unique, chemin HTML et extrait du DOM rendu. • Votre demande voyage avec l’élément ciblé : l’IA sait exactement de quoi vous parlez. • Éléments de référence : montrez l’exemple à suivre, numérotés en vert. • Indices de composants React, Vue et Angular et classes Tailwind, quand la page les expose. • Panneau déplaçable, thème clair ou sombre selon votre système. Confidentialité Tout se passe dans votre navigateur. Cadranote ne collecte aucune donnée, n’envoie rien à un serveur ni à une IA et ne garde aucun historique : le contexte est copié dans votre presse-papiers, et vous choisissez où le coller. Code source : https://github.com/syl-craft/cadranote