← Tous les articles

Fenêtres sur le frontend

Découvrez AI Helper — un assistant IA intégré à JustZix

17 mai 2026 · par JustZix Team

JustZix a toujours eu un seul objectif : changer l'apparence et le comportement des pages sans ouvrir les DevTools. Aujourd'hui, nous ajoutons un partenaire pour ce travail — AI Helper, un assistant IA qui vit à l'intérieur de la page, lit la page avec vous et vous aide à écrire le CSS et le JS qui la corrige.

Ce qu'est AI Helper

AI Helper est une fenêtre flottante — la même fenêtre de style TEMP que vous connaissez déjà des panneaux CSS et JS. Elle est rendue à l'intérieur de la page courante, une instance par onglet, et vous pouvez la déplacer, la redimensionner et la fermer quand vous le souhaitez. À l'intérieur de cette fenêtre se trouve un chat : vous tapez, le modèle répond, et la conversation se construit comme dans n'importe quel autre outil de chat.

La différence avec un chatbot générique dans un autre onglet, c'est que celui-ci est dans la page. Il sait où vous êtes. Il peut examiner le DOM. Et il peut déposer du code directement dans un panneau TEMP, pour que vous voyiez le résultat en direct, sur le vrai site, sans rien copier-coller.

Comment l'ouvrir

Trois façons, choisissez celle qui vous convient :

• Clavier : Ctrl+Alt+\ sur n'importe quelle page.
• Widget de la popup : cliquez sur l'icône JustZix, puis sur le bouton AI Helper.
• Menu contextuel : faites un clic droit sur la page et choisissez AI Helper dans le menu de Chrome.

La fenêtre s'ouvre là où vous l'avez laissée la dernière fois. Fermez-la avec le X dans son coin — c'est une instance unique par onglet, vous ne vous retrouvez donc jamais avec cinq fenêtres empilées les unes sur les autres.

Apportez votre propre clé API

JustZix n'héberge pas de modèle et ne revend pas de jetons. Vous apportez votre propre clé d'un fournisseur en qui vous avez déjà confiance. AI Helper en prend trois en charge :

Vous collez la clé une fois dans Paramètres → AI Helper, choisissez un fournisseur par défaut et sélectionnez un modèle. La liste des modèles est récupérée en direct auprès du fournisseur, vous voyez donc toujours ce que votre compte peut réellement utiliser — et le sélecteur choisit par défaut le meilleur modèle. Si vous enregistrez plusieurs clés, vous pouvez changer de fournisseur directement dans la fenêtre de chat. Le guide complet se trouve dans le guide de configuration.

La fenêtre de chat

Tout ce dont vous avez besoin tient dans un seul panneau :

• Historique de la conversation — le fil continu de vos messages et des réponses du modèle.
• Effacer la conversation — videz le fil et repartez de zéro quand vous changez de tâche.
• Sélecteurs de fournisseur et de modèle — changez de moteur en pleine conversation sans quitter la page.

Cela ressemble à un chat parce que c'en est un. La nouveauté, c'est ce que le modèle peut voir et faire.

Il connaît déjà la page

Chaque fois que vous envoyez un message, AI Helper attache automatiquement le contexte de la page courante — l'URL, le titre de la page et un fragment HTML de la page. Vous ne collez rien. Ainsi, au lieu de décrire « il y a un en-tête fixe qui chevauche le contenu », vous dites simplement « corrige l'en-tête fixe » et le modèle a déjà quelque chose de concret sur quoi travailler.

Quand il a besoin de plus de détails, il peut les demander à la volée — voir l'article sur les outils d'inspection de page.

Il peut faire un vrai travail, pas seulement parler

AI Helper n'est pas seulement un générateur de code. Il exécute un workflow agentique : le modèle peut appeler des outils, inspecter la page, ouvrir une fenêtre TEMP CSS/JS, y placer du code et — uniquement avec votre confirmation explicite — enregistrer un dossier, un groupe ou une règle dans votre bibliothèque JustZix.

Une session typique ressemble à ceci :

Vous :  Masque la popup de newsletter sur ce site.
IA :    [query_page] inspecte le conteneur de la popup
IA :    [open_temp_pane] + [set_temp_pane_code] dépose un CSS de test
IA :    « Vérifie la page — la popup a-t-elle disparu ? Tu veux que je l'enregistre ? »
Vous :  Oui, enregistre-le.
IA :    [create_rule] (demande une confirmation explicite)

Chaque appel d'outil apparaît sous forme de « puce » dans la fenêtre, vous voyez donc toujours ce que le modèle a touché. La boucle s'exécute jusqu'à 8 étapes par tour. Le détail complet se trouve dans l'analyse approfondie de l'appel d'outils.

Vos clés restent privées

Les appels API passent par le service worker d'arrière-plan de l'extension, jamais par le JavaScript de la page. Cela signifie que votre clé n'atteint jamais le contexte de la page, et la requête contourne la Content Security Policy de la page. Les clés résident dans chrome.storage.local, et chaque clé dispose d'une case de synchronisation optionnelle (désactivée par défaut). Le modèle de confidentialité est traité honnêtement dans l'article clés et confidentialité.

À qui cela s'adresse

Si vous écrivez déjà votre propre CSS, AI Helper est un moyen plus rapide de rédiger et tester des sélecteurs sur un site récalcitrant. Si vous n'écrivez pas de CSS du tout, c'est un moyen de décrire ce que vous voulez en langage clair et d'obtenir une règle fonctionnelle. Dans les deux cas, rien n'est enregistré sans que vous cliquiez sur confirmer.

Voir aussi

• Configuration d'AI Helper — obtenir et saisir votre clé API
• Le workflow agentique d'appel d'outils expliqué
• Clés API, confidentialité et synchronisation

AI Helper est livré dans la version actuelle de JustZix — gratuit, sans compte, Chrome 100+ et les navigateurs Chromium. Téléchargez l'extension, ajoutez une clé et appuyez sur Ctrl+Alt+\ sur n'importe quelle page pour rencontrer votre nouvel assistant.