AI Extension Builder: l'agente testa le tue sezioni e può creare il database della tua app

Prendiamo un club sportivo che vuole far scegliere ai suoi soci la data del torneo. Nella sua sezione Create with AI, scrive: “Aggiungi un sondaggio per scegliere la data del torneo, con i risultati.”

L'agente legge prima il contesto dell'app: la palette, i font, il logo, i file già aggiunti. Consulta il design system di GoodBarber, scritto dai nostri designer. Poi scrive i file della sezione.

I voti devono essere condivisi tra tutti i soci. L'agente se ne accorge e fa la domanda, con tre risposte:

• Create the app's database: un solo database, gestito da GoodBarber. Le sue tabelle partono vuote.
• Connect my Supabase: i dati vanno nel progetto Supabase del club.
• Cancel: l'agente fa la sezione senza database, e ogni telefono vede solo i propri voti.

Il club sceglie il database di GoodBarber. L'agente apre allora la sezione in un browser, alla larghezza di un telefono, e prova i suoi pulsanti. Cerca gli errori: uno script che si blocca, un'immagine rotta, un testo che esce dallo schermo. Corregge quello che trova, poi salva la sezione.

I soci votano e tutti vedono i risultati. Ognuno modifica solo il proprio voto.

Con il vecchio motore, il codice di una sezione compariva nella tua anteprima senza essere stato testato. Ora l'agente lo testa in un browser prima di salvarlo.

Non devi applicare tu il bel design della tua app: l'agente ha uno strumento apposta. Prima di scegliere gli stili di una sezione, legge il design system di GoodBarber.

Lì trova le dimensioni del testo, le spaziature, gli arrotondamenti, le ombre e il ruolo di ogni colore. Vede anche come si compone una schermata dell'app, e quando usare ciascuno dei suoi componenti. Applica tutto con la palette e i font della tua app.

Così il sondaggio del club prende lo stile del resto della sua app.

L'agente decide da solo quello che può decidere, poi ti dice cosa ha scelto. Quando una scelta cambia la sezione e non può farla al posto tuo, ti fa una domanda. Scegli una delle risposte proposte, quattro al massimo, oppure scrivi la tua. Riparte dalla tua risposta.

Se la sezione deve chiamare un servizio esterno, un'API meteo per esempio, l'agente dichiara il suo dominio e aspetta il tuo consenso. Se rifiuti, fa la sezione senza.

Se quell'API richiede una chiave, l'agente te la chiede in un campo sicuro, mai nella conversazione. Una risposta che somiglia a una chiave o a una password non viene trasmessa all'agente. L'agente conosce solo il nome delle tue chiavi.

Lo studio ti ricorda anche una regola: chiunque apra l'app può avviare queste chiamate con la tua chiave. Fornisci una chiave limitata a questo uso.

Un sondaggio o una classifica: appena una sezione condivide dati tra i tuoi utenti, l'agente propone di creare il database della tua app. Ce n'è uno per app, gestito da GoodBarber. Non apri nessun account presso un fornitore di database.

Tutti gli utenti dell'app leggono i suoi dati, e ognuno modifica solo quello che ha aggiunto. Quindi non metterci informazioni private. I tuoi utenti non hanno bisogno di un account per scriverci.

Quando l'agente testa la sezione, le sue scritture vengono rifiutate: i tuoi dati non cambiano.

La tua app usa già Supabase? Le sue sezioni su Supabase restano lì. Per la nuova sezione, tieni il tuo progetto oppure crei il database GoodBarber: anche le nuove sezioni dell'app lo useranno.

Prima di una modifica che tocca dati già salvati, l'agente ti mostra cosa tocca: le tabelle, il numero di voci, le altre sezioni che leggono questi dati. Accetti, oppure adatta la sezione perché funzioni senza questa modifica.

Metti in conto più di qualche secondo: l'agente scrive, testa e corregge prima di ridarti il controllo. La scheda di caricamento ti dice cosa sta facendo in quel momento: legge il contesto dell'app, scrive un file, apre la sezione in un browser. Mentre lavora, puoi aprire la vista del codice e leggere i file, in sola lettura. La modifica torna disponibile alla fine.

Se l'agente non riesce ad arrivare in fondo, te lo dice, e nulla viene modificato: la tua versione attuale resta al suo posto.

Ogni versione viene conservata. Chiedi di tornare indietro: l'agente ti propone la versione, e tu confermi. Per una sezione sul database GoodBarber, scegli cosa torna: il codice e la struttura, con i tuoi dati così come sono, oppure anche i dati com'erano, se la loro copia ha meno di 15 giorni.

Lo studio prende l'aspetto del tuo back office, in chiaro o in scuro. Su un grande schermo, l'anteprima appare in un telefono e la conversazione fluttua sopra, in una scheda che sposti trascinandone l'intestazione. Su uno schermo largo 1024 pixel o meno, la conversazione diventa un pannello in fondo allo schermo.

La graffetta della barra di scrittura aggiunge file in qualsiasi momento, una foto o un logo per esempio. Trascinali nella finestra o cercali nel tuo computer, poi citali con @ nella tua richiesta.

Una sezione condivide i suoi dati senza che tu debba collegare alcun servizio: un voto compare nei risultati di tutti gli utenti.

Apri una sezione “Create with AI” nel tuo back office e descrivi quello che vuoi: un sondaggio, una classifica, una pagina con le promozioni del tuo negozio. L'AI Extension Builder è gratuito per le app Content ed eCommerce. Sei nuovo con il builder? Parti dalla guida per creare sezioni con l'IA. Dicci cosa ti manca: è quello che guida le prossime versioni.

Non hai ancora un'app? Crea la tua: la prova è gratuita.