← Tutti gli articoli

Tutorial

Costruisci una regola con AI Helper — una guida passo dopo passo

17 maggio 2026 · di JustZix Team

Sai cosa vuoi — "nascondi quel popup della newsletter" — ma non vuoi scavare nel DOM, scrivere un selettore e indovinare l'!important. AI Helper fa lo scavo. Questa è una guida concreta, clic per clic, alla costruzione di una vera regola, da una richiesta in italiano semplice a una regola salvata che sopravvive ai ricaricamenti.

Prima di iniziare

AI Helper ha bisogno di una chiave API da uno dei tre provider — OpenAI, Anthropic o Gemini. La aggiungi una volta in Impostazioni → AI Helper; la chiave vive in chrome.storage.local e non tocca mai la pagina. Se non l'hai ancora fatto, la guida alla configurazione ti accompagna in due minuti. Per questa guida supponiamo che una chiave sia già a posto.

L'obiettivo

Sceglieremo un fastidio comune: un sito che ti scaglia addosso una modale a schermo intero della newsletter qualche secondo dopo il caricamento della pagina. La vogliamo sparita — a ogni visita, automaticamente. Alla fine avremo una regola salvata con ambito limitato a quell'unico dominio.

Passo 1 — apri AI Helper sulla pagina

Naviga al sito incriminato e aspetta che il popup appaia (così gli elementi sono nel DOM). Poi apri AI Helper con Ctrl+Alt+\. Puoi anche usare il pulsante nel widget popup o il menu contestuale del tasto destro — tutti e tre aprono la stessa cosa: una finestra fluttuante, trascinabile, ridimensionabile dentro la pagina, con ambito limitato a questa scheda.

Passo 2 — descrivi l'obiettivo

Scrivi ciò che vuoi in linguaggio semplice. Niente selettori, niente gergo:

Nascondi il popup della newsletter che appare su questo sito
qualche secondo dopo il caricamento della pagina.

AI Helper non salta dritto al codice. Il prompt di sistema impone un flusso di lavoro: chiedi i dettagli → ispeziona la pagina → testa in una finestra TEMP → chiedi a te di verificare → solo allora persisti. Quindi la prima risposta è di solito una domanda di chiarimento — per esempio, se vuoi anche rimuovere l'overlay scuro dietro la modale, o solo il riquadro della modale stessa. Rispondi; più sei preciso, migliore è il selettore.

Passo 3 — guardalo ispezionare la pagina

Una volta che ha abbastanza su cui basarsi, AI Helper ispeziona la pagina dal vivo. Vedrai apparire chip delle chiamate agli strumenti nella conversazione — ogni chip è un'azione che il modello ha intrapreso:

• query_page — esegue un selettore CSS sulla pagina e ottiene in cambio gli elementi corrispondenti più il loro HTML. È così che trova l'effettivo contenitore della modale.
• list_structure — legge le tue cartelle, gruppi e regole esistenti, così sa dove si inserirebbe una nuova regola ed evita di duplicare qualcosa che hai già.

Il modello riceve il contesto della pagina corrente — URL, titolo e un frammento HTML — quindi non sta indovinando. Restringe da un selettore ampio al contenitore specifico che contiene il popup.

Passo 4 — vedi il codice testato in una finestra TEMP

Ecco la parte che rende tutto ciò affidabile. AI Helper non scrive codice in una regola salvata. Chiama open_temp_pane per aprire una finestra TEMP CSS — lo stesso tipo di finestra per sviluppatori nella scheda che apriresti a mano — e poi set_temp_pane_code per inserirvi il suo CSS proposto. Guardi il codice apparire, dal vivo, e la pagina reagisce in tempo reale:

/* Proposto da AI Helper — mostrato in una finestra TEMP CSS */
.newsletter-modal,
.newsletter-modal__overlay {
  display: none !important;
}
html, body {
  overflow: auto !important;
}

Il popup svanisce davanti a te. Niente è ancora stato salvato — questa è una sandbox. Se il selettore è sbagliato, lo vedi immediatamente anche tu, e puoi dire ad AI Helper "l'overlay è ancora lì" oppure "questo ha nascosto anche il footer". Reispeziona e si adatta.

Passo 5 — verifica che abbia davvero funzionato

Prenditi un momento. Ricarica la pagina se vuoi — la finestra TEMP persiste per la scheda. Verifica che:

• il popup sia sparito;
• lo scorrimento della pagina funzioni (i popup spesso bloccano lo scorrimento del body);
• nient'altro si sia rotto — nessun pulsante mancante, nessun layout collassato.

Se qualcosa non va, continua la conversazione. Questo botta e risposta è il punto — stai mettendo a punto la regola insieme prima che diventi mai permanente.

Passo 6 — conferma, e la regola viene creata

Soddisfatto? Di' ad AI Helper di salvarla. Chiamerà create_rule — ed è qui che appare una conferma separata ed esplicita. L'estensione ti mostra esattamente cosa sta per creare: il nome della regola, il pattern di URL (suggerirà il dominio corrente, per es. https://example.com/*) e il corpo CSS. Niente viene scritto nella tua configurazione finché non clicchi conferma.

Se la regola ha bisogno di una nuova cartella o gruppo in cui vivere, anche quelle sono conferme separate — create_folder e create_group chiedono ciascuna per conto proprio. AI Helper non può mai ristrutturare silenziosamente la tua configurazione.

Passo 7 — fatto

Clicca conferma e la regola è reale. Appare nella tua gerarchia di cartelle/gruppi/regole come qualsiasi regola fatta a mano. Ricarica il sito: il popup è sparito, automaticamente, a ogni visita futura. Puoi aprire la regola più tardi nell'editor normale per ritoccare il CSS, cambiare il pattern di URL o disattivarla.

Cosa hai effettivamente fatto

Hai descritto un obiettivo in una frase. AI Helper ha ispezionato la pagina, trovato il selettore giusto, dimostrato che funzionava in una finestra che potevi vedere e salvato una regola solo dopo che hai detto sì. L'intero ciclo è durato forse due minuti — e non hai mai scritto un selettore né aperto i DevTools.

Vedi anche

• AI Helper testa nelle finestre TEMP prima di salvare — perché il modello testa-poi-conferma conta.
• Come AI Helper ispeziona la pagina — uno sguardo più ravvicinato agli strumenti di ispezione della pagina.
• Il flusso di lavoro agentico con tool-calling — il ciclo fino a 8 passi dietro i chip.

Scarica JustZix — gratuito, senza account, Chrome 100+ (anche Edge, Brave, Opera, Vivaldi). Aggiungi una chiave API e costruisci la tua prima regola semplicemente chiedendola.