← Tutti gli articoli

Finestre nel frontend

Ti presentiamo AI Helper — un assistente IA integrato in JustZix

17 maggio 2026 · di JustZix Team

JustZix ha sempre avuto un solo obiettivo: cambiare l'aspetto e il comportamento delle pagine senza aprire i DevTools. Oggi aggiungiamo un partner per quel lavoro — AI Helper, un assistente IA che vive dentro la pagina, la legge insieme a te e ti aiuta a scrivere il CSS e il JS che la sistemano.

Cos'è AI Helper

AI Helper è una finestra fluttuante — la stessa finestra in stile TEMP che già conosci dai pannelli CSS e JS. Viene renderizzata dentro la pagina corrente, un'istanza per scheda, e puoi trascinarla, ridimensionarla e chiuderla quando vuoi. Dentro quella finestra c'è una chat: tu scrivi, il modello risponde e la conversazione cresce come in qualsiasi altro strumento di chat.

La differenza rispetto a un chatbot generico in un'altra scheda è che questo è nella pagina. Sa dove ti trovi. Può guardare il DOM. E può inserire codice direttamente in un pannello TEMP così vedi il risultato dal vivo, sul sito reale, senza copiare e incollare nulla.

Come aprirlo

Tre modi, scegli quello che si adatta meglio alle tue mani:

• Tastiera: Ctrl+Alt+\ su qualsiasi pagina.
• Widget popup: clicca l'icona di JustZix, poi il pulsante AI Helper.
• Menu contestuale: clicca con il tasto destro sulla pagina e scegli AI Helper dal menu di Chrome.

La finestra si apre dove l'avevi lasciata l'ultima volta. Chiudila con la X nel suo angolo — è una singola istanza per scheda, quindi non ti ritrovi mai con cinque finestre impilate una sull'altra.

Porta la tua chiave API

JustZix non ospita un modello e non rivende token. Porti la tua chiave da un provider di cui ti fidi già. AI Helper ne supporta tre:

Incolli la chiave una volta in Impostazioni → AI Helper, scegli un provider predefinito e selezioni un modello. L'elenco dei modelli viene recuperato in tempo reale dal provider, quindi vedi sempre ciò che il tuo account può effettivamente usare — e il selettore propone come predefinito il modello più potente. Se salvi più di una chiave, puoi cambiare provider direttamente nella finestra di chat. La guida completa è nella guida alla configurazione.

La finestra di chat

Tutto ciò che ti serve è in un unico pannello:

• Cronologia della conversazione — il filo continuo dei tuoi messaggi e delle risposte del modello.
• Cancella conversazione — azzera il filo e ricomincia da capo quando cambi attività.
• Selettori di provider e modello — cambia motore a metà conversazione senza lasciare la pagina.

Sembra una chat perché lo è. La parte nuova è ciò che il modello può vedere e fare.

Conosce già la pagina

Ogni volta che invii un messaggio, AI Helper allega automaticamente il contesto della pagina corrente — l'URL, il titolo della pagina e un frammento HTML della pagina. Non devi incollare nulla. Quindi invece di descrivere "c'è un header fisso che si sovrappone al contenuto", dici semplicemente "sistema l'header fisso" e il modello ha già qualcosa di concreto su cui lavorare.

Quando ha bisogno di più dettagli, può richiederli su richiesta — vedi il post sugli strumenti di ispezione della pagina.

Può fare lavoro reale, non solo parlare

AI Helper non è solo un generatore di codice. Esegue un flusso di lavoro agentico: il modello può chiamare strumenti, ispezionare la pagina, aprire una finestra TEMP CSS/JS, inserirvi codice e — solo con la tua conferma esplicita — salvare una cartella, un gruppo o una regola nella tua libreria JustZix.

Una sessione tipica appare così:

Tu:     Nascondi il popup della newsletter su questo sito.
IA:     [query_page] ispeziona il contenitore del popup
IA:     [open_temp_pane] + [set_temp_pane_code] inserisce CSS di prova
IA:     "Controlla la pagina — il popup è sparito? Vuoi che lo salvi?"
Tu:     Sì, salvalo.
IA:     [create_rule] (chiede una conferma esplicita)

Ogni chiamata a uno strumento appare come un "chip" nella finestra, così vedi sempre cosa ha toccato il modello. Il ciclo esegue fino a 8 passi per turno. La spiegazione completa è nell'approfondimento sul tool-calling.

Le tue chiavi restano private

Le chiamate API passano attraverso il service worker in background dell'estensione, mai attraverso il JavaScript della pagina stessa. Questo significa che la tua chiave non raggiunge mai il contesto della pagina, e la richiesta aggira la Content Security Policy della pagina. Le chiavi vivono in chrome.storage.local, e ogni chiave ha una casella di sincronizzazione opzionale (disattivata per impostazione predefinita). Il modello di privacy è trattato onestamente nel post su chiavi e privacy.

A chi è rivolto

Se scrivi già il tuo CSS, AI Helper è un modo più veloce per abbozzare e testare selettori su un sito ostinato. Se non scrivi CSS affatto, è un modo per descrivere ciò che vuoi in linguaggio naturale e ottenere una regola funzionante. In entrambi i casi, nulla viene salvato senza che tu clicchi conferma.

Vedi anche

• Configurazione di AI Helper — ottenere e inserire la chiave API
• Il flusso di lavoro agentico con tool-calling spiegato
• Chiavi API, privacy e sincronizzazione

AI Helper è incluso nella build attuale di JustZix — gratuito, senza account, Chrome 100+ e i browser Chromium. Scarica l'estensione, aggiungi una chiave e premi Ctrl+Alt+\ su qualsiasi pagina per incontrare il tuo nuovo assistente.