AI Helper vérifie désormais ses propres erreurs et construit des barres d'actions
AI Helper est l'assistant intégré à JustZix qui écrit du CSS et du JavaScript pour vous. Dans une version récente, il a gagné quatre nouveaux outils : grâce à eux il vérifie tout seul que le code fonctionne et peut construire non seulement des règles mais aussi des barres d'actions interactives. Ce billet explique ce que cela change en pratique.
Le problème : du code qui paraît correct mais ne s'exécute pas
Un modèle de langage peut écrire un extrait convaincant qui échoue malgré tout sur une page précise — un mauvais sélecteur, une faute de frappe, une erreur de syntaxe. Auparavant, AI Helper vous montrait ce code et le repérage du problème vous incombait. Il fallait le coller, l'exécuter, voir l'erreur et demander une correction.
read_temp_pane — la vérification avant que vous voyiez le résultat
L'outil read_temp_pane dépose le code généré dans une fenêtre TEMP et le vérifie. Pour le JavaScript il exécute réellement le code et renvoie une erreur synchrone ou une confirmation de succès ; pour le CSS il vérifie la syntaxe de base. AI Helper le fait lui-même, en boucle, avant même de vous montrer une proposition.
read_console — la lecture des erreurs d'exécution
Le deuxième outil, read_console, ouvre une fenêtre TEMP Output Console et lit les entrées console capturées de la page — y compris les erreurs qui n'apparaissent qu'une fois le code exécuté. L'assistant voit la même chose que vous verriez dans les DevTools et peut corriger le code avant qu'il ne vous parvienne.
create_bar et create_action — la construction de barres d'actions
Deux autres outils vont au-delà du CSS et du JS. create_bar crée une barre d'actions épinglée à un dossier, un groupe ou un ensemble de règles, et create_action y ajoute une action : un bouton, une liste de sélection, un champ de texte, un curseur, une zone de texte ou un interrupteur à trois états. Vous pouvez donc demander « fais une barre avec un curseur de taille de police » et obtenir un panneau interactif fini — pas seulement une règle.
Le déroulement : décrire, approuver, terminé
Une conversation typique se déroule ainsi : vous décrivez ce que vous voulez ; AI Helper inspecte la page, écrit le code, le teste lui-même avec read_temp_pane et read_console, le corrige s'il échoue, et vous montre finalement le résultat fini. La création d'une règle, d'une barre ou d'une action nécessite une confirmation distincte dans l'extension — rien n'atteint votre bibliothèque sans votre consentement.
Le contexte complet dans le prompt système
Pour que l'assistant choisisse les bons outils, le prompt système a reçu une image complète du modèle de données : six types d'actions avec leurs champs de configuration, plus des conseils sur les cas où un ensemble CSS/JS fonctionne mieux qu'une barre interactive. C'est pourquoi les propositions correspondent au fonctionnement réel de JustZix plutôt qu'à une idée générique des extensions.
Avantages
Moins de tours de corrections — le code que vous voyez a déjà été vérifié une fois par l'assistant lui-même. L'assistant construit des interfaces, pas seulement des règles — les barres et les boutons prennent forme directement dans la conversation. Et vous gardez le contrôle total, car chaque écriture dans la bibliothèque nécessite votre confirmation.
Vous configurez AI Helper dans les paramètres avec une clé d'API OpenAI, Anthropic ou Gemini — la clé reste sur votre appareil. Installez JustZix et décrivez votre premier ajustement à l'assistant.
Notez cet article
★ 5.0 · 2 notes