OnUI : Extension de navigateur pour un retour d'interface utilisateur précis à Claude Code

OnUI est une extension de navigateur qui fournit un contexte visuel pour les corrections d'interface utilisateur lors de l'utilisation de Claude Code. Elle résout le problème courant de devoir décrire quel élément d'interface nécessite une attention en permettant une annotation directe sur les pages web.

Ce que fait OnUI

Vous pouvez cliquer sur des éléments ou dessiner des régions sur n'importe quelle page web, ajouter des notes sur ce qui ne va pas, et exporter un rapport structuré. Claude Code lit ce rapport via MCP local (Model Context Protocol), lui donnant des informations exactes sur l'élément DOM, son chemin, votre intention et le niveau de gravité. Cela élimine les descriptions ambiguës comme "le bouton à droite, non l'autre".

Implémentation technique

Le développeur a créé OnUI en utilisant Claude Code pendant plusieurs semaines. Claude Code a écrit la majeure partie du codebase TypeScript, incluant à la fois l'extension de navigateur et le serveur MCP local. Les défis techniques spécifiques abordés pendant le développement incluent :

• Itérer sur l'isolation du Shadow DOM pour éviter les conflits CSS avec les pages hôtes
• Construire l'interface de dialogue d'annotation et les formateurs d'exportation
• Déboguer le pont de messagerie native entre l'extension et le MCP local

Disponibilité et licence

OnUI est gratuit à utiliser sans niveaux payants. Elle est disponible pour une installation en un clic depuis le Chrome Web Store et fonctionne également sur Edge et Firefox. Le projet est sous licence GPL-3.0, n'a aucune dépendance cloud, aucune télémétrie, et est entièrement gratuit.

Flux de travail de développement

Le développeur note l'ironie de construire un outil pour Claude Code en utilisant Claude Code lui-même. Son flux de travail actuel d'itération d'interface est : annoter → Claude corrige → vérifier → répéter.