AI Extension Builder: de agent test uw secties en kan de database van uw app maken

Neem een sportclub die zijn leden de datum van zijn toernooi wil laten kiezen. In zijn sectie Create with AI schrijft hij: “Voeg een peiling toe om de datum van het toernooi te kiezen, met de resultaten.”

De agent leest eerst de context van de app: het kleurenpalet, de lettertypen, het logo, de bestanden die al zijn toegevoegd. Hij raadpleegt het designsysteem van GoodBarber, geschreven door onze designers. Daarna schrijft hij de bestanden van de sectie.

De stemmen moeten tussen alle leden gedeeld worden. De agent merkt dat op en stelt de vraag, met drie antwoorden:

• Create the app's database: één database, beheerd door GoodBarber. De tabellen beginnen leeg.
• Connect my Supabase: de gegevens gaan naar het Supabase-project van de club.
• Cancel: de agent maakt de sectie zonder database, en elke telefoon ziet alleen zijn eigen stemmen.

De club kiest de GoodBarber-database. De agent opent de sectie dan in een browser, op de breedte van een telefoon, en probeert de knoppen uit. Hij zoekt naar fouten: een script dat vastloopt, een kapotte afbeelding, een tekst die buiten het scherm valt. Hij herstelt wat hij vindt en slaat de sectie daarna op.

De leden stemmen, iedereen ziet de resultaten. Elk lid wijzigt alleen zijn eigen stem.

Met de oude engine verscheen de code van een sectie in uw voorbeeld zonder dat die getest was. Nu test de agent hem in een browser voordat hij hem opslaat.

U hoeft het mooie design van uw app niet zelf toe te passen: de agent heeft daar een hulpmiddel voor. Voordat hij de stijlen van een sectie kiest, leest hij het designsysteem van GoodBarber.

Daarin vindt hij de tekstgroottes, de witruimtes, de afrondingen, de schaduwen en de rol van elke kleur. Hij ziet er ook hoe een scherm van de app is opgebouwd, en wanneer elk van de componenten gebruikt wordt. Dat alles past hij toe met het kleurenpalet en de lettertypen van uw app.

Zo krijgt de peiling van de club de stijl van de rest van zijn app.

De agent beslist zelf wat hij kan beslissen, en vertelt u daarna wat hij gekozen heeft. Wanneer een keuze de sectie verandert en hij die niet voor u kan maken, stelt hij u een vraag. U kiest een van de voorgestelde antwoorden, maximaal vier, of u schrijft uw eigen antwoord. Hij gaat verder met uw antwoord.

Als de sectie een externe dienst moet aanroepen, bijvoorbeeld een weer-API, geeft de agent het domein ervan op en wacht hij op uw toestemming. Weigert u, dan maakt hij de sectie zonder.

Vraagt die API om een sleutel, dan vraagt de agent u die in een beveiligd veld, nooit in het gesprek. Een antwoord dat op een sleutel of een wachtwoord lijkt, wordt niet aan de agent doorgegeven. De agent kent alleen de namen van uw sleutels.

De studio herinnert u ook aan een regel: iedereen die de app opent, kan deze aanroepen met uw sleutel uitvoeren. Gebruik een sleutel die tot dit doel beperkt is.

Een peiling of een ranglijst: zodra een sectie gegevens deelt tussen uw gebruikers, stelt de agent voor om de database van uw app te maken. Er is er één per app, beheerd door GoodBarber. U opent geen account bij een aanbieder van databases.

Alle gebruikers van de app lezen de gegevens, en ieder wijzigt alleen wat hij zelf heeft toegevoegd. Zet er dus geen privégegevens in. Uw gebruikers hebben geen account nodig om erin te schrijven.

Wanneer de agent de sectie test, worden zijn schrijfacties geweigerd: uw gegevens blijven onaangeroerd.

Gebruikt uw app al Supabase? De secties die op Supabase draaien, blijven daar. Voor de nieuwe sectie houdt u uw project, of u maakt de GoodBarber-database: de nieuwe secties van de app gebruiken die dan ook.

Vóór een wijziging die al opgeslagen gegevens raakt, laat de agent u zien wat hij raakt: de tabellen, het aantal items, de andere secties die deze gegevens lezen. U gaat akkoord, of hij past de sectie aan zodat die zonder deze wijziging werkt.

Reken op meer dan een paar seconden: de agent schrijft, test en corrigeert voordat hij u de controle teruggeeft. De laadkaart vertelt u wat hij op dat moment doet: de context van de app lezen, een bestand schrijven, de sectie in een browser openen. Terwijl hij werkt, kunt u de codeweergave openen en de bestanden lezen, alleen-lezen. Bewerken kan weer aan het eind.

Lukt het de agent niet om af te ronden, dan zegt hij dat, en er wordt niets gewijzigd: uw huidige versie blijft staan.

Elke versie wordt bewaard. Vraag om terug te gaan: de agent stelt u de versie voor, en u bevestigt. Voor een sectie op de GoodBarber-database kiest u wat er terugkomt: de code en de structuur, waarbij uw gegevens blijven zoals ze zijn, of ook de gegevens zoals ze waren, als de kopie ervan minder dan 15 dagen oud is.

De studio neemt de uitstraling van uw backoffice over, licht of donker. Op een groot scherm verschijnt het voorbeeld in een telefoon en zweeft het gesprek erboven, in een kaart die u aan de kop verplaatst. Op een scherm van 1024 pixels breed of minder wordt het gesprek een lade onderaan het scherm.

De paperclip in de invoerbalk voegt op elk moment bestanden toe, bijvoorbeeld een foto of een logo. Sleep ze naar het venster of blader door uw computer, en noem ze daarna met @ in uw verzoek.

Een sectie deelt haar gegevens zonder dat u een dienst hoeft te koppelen: een stem verschijnt in de resultaten van alle gebruikers.

Open een sectie “Create with AI” in uw backoffice en beschrijf wat u wilt: een peiling, een ranglijst, een pagina met de aanbiedingen van uw winkel. De AI Extension Builder is gratis voor Content- en eCommerce-apps. Nieuw met de builder? Begin met de gids om secties met AI te maken. Vertel ons wat u mist: dat bepaalt de volgende versies.

Heeft u nog geen app? Maak de uwe: de proefperiode is gratis.