Je app beheren met AI

Ze zitten al in je app. Niets te installeren, niets aan te zetten voordat je begint: je moet alleen weten waar je moet kijken.

De functiebouwer, de MCP-server en het palet werken op dezelfde manier op content-apps en op e-commerce apps. De schrijfassistent verschijnt overal waar een rijke teksteditor staat: artikelen, evenementen, locaties.

Dit is het recentste van de vier, en het verrassendste om aan het werk te zien. De ingang zit niet waar je hem zou zoeken: hij zit in de kiezer van sectietypes.

Ga naar My App › Structure, klik op Add, en kijk naar de eerste tegel in de lijst, vóór artikelen en foto's: die welke een sectie met AI bouwt. In plaats van een bestaand sectietype te kiezen, beschrijf je het type dat niet bestaat.

Het scherm opent in twee kolommen. Links een gesprek. Rechts een preview van wat er is gebouwd. Je beschrijft wat je wilt, in de taal die je wilt, met zoveel detail als je wilt. De assistent bouwt het, zegt in één zin wat hij heeft gedaan, en de preview vult zich.

Je zet het gesprek voort om bij te sturen. Elke uitwisseling levert een versie op, en de geschiedenis bewaart ze allemaal, elk met het verzoek dat ze heeft voortgebracht. Teruggaan kan altijd, en dat maakt het veilig om te experimenteren.

Een tweede tabblad geeft je de gegenereerde code, met de bestanden van de extensie. Je hoeft daar niet te komen, en de overgrote meerderheid van de gebruikers zal dat nooit doen. Het staat er voor wie het kan lezen, of voor een ontwikkelaar die je erbij haalt.

Bevalt het resultaat je, dan publiceert één knop het naar je app, waar het een sectie wordt zoals elke andere, in je menu.

Dit is de gewoonte die de kwaliteit van wat je krijgt meer dan wat ook verandert. Zeg wat de functie moet doen, niet hoe ze het moet aanpakken. "Een knop om te onthouden waar ik mijn auto heb geparkeerd, en een andere om me er weer naartoe te brengen" volstaat: de assistent vindt zelf de instrumenten van het platform, de locatiemachtiging die je app al heeft, de kaartenapp van de telefoon, het geheugen van het toestel.

Noem je een specifieke techniek of een externe dienst, dan duw je hem uit dat kader. Je zult dan uitdrukkelijk toegang tot die dienst moeten toestaan, en wat als ingebouwde functie werkte, wordt een functie die naar buiten is bedraad.

De studio bevat drie discrete panelen die de aard veranderen van wat je kunt vragen.

Het eerste neemt je bestanden aan: beelden, in zowat elk formaat, en datatabellen in CSV, TSV of JSON. Daar neergezet worden ze door GoodBarber gehost en krijgen ze een vast adres, zodat de functie ze kan gebruiken zonder van een externe dienst af te hangen. Om er in je verzoek naar te verwijzen, typ je het apenstaartje gevolgd door het begin van de naam.

Dit is het paneel dat van een bestand een sectie maakt: een gids, een tarievenlijst, een prijzenraster worden in de app doorbladerbaar zonder langs het CMS te gaan. Met één beperking die je vandaag moet kennen: de assistent leest je tabellen op hun adres, hij analyseert ze niet kolom per kolom. Ze tonen, ja; ze in detail kruisen, nog niet.

Het tweede bewaart toegangssleutels tot externe diensten, voor wanneer de functie die je beschrijft een eigen dienst moet bevragen.

Het derde koppelt een gedeelde database. Zonder die database blijft wat je gebruikers in de functie invoeren op hun toestel staan, en ziet niemand anders het. Met die database worden de gegevens op de server bewaard en door iedereen gedeeld. Dat is het verschil tussen een persoonlijke calorieteller en een ranglijst die je hele community deelt: dezelfde functie, twee verschillende producten.

Je hoeft dat niet zelf uit te zoeken: wanneer wat je beschrijft een gemeenschappelijk geheugen nodig heeft, biedt de studio zelf aan er een te koppelen. Eén knop, een verbinding met je Supabase-account, en de tabellen en toegangsregels worden voor je aangemaakt. Latere functies hergebruiken dezelfde verbinding in één klik.

Wat je krijgt, is een functie die op vraag is gebouwd, geen bouwsteen van het product. Ze wordt gebouwd met wat voorhanden is: geen externe bibliotheek, geen beeld met auteursrechten, alles op het scherm is origineel. En ze blijft een sectie binnen je app, geen software op zich: de studio bouwt een minispel, ze is geen spelengine.

De juiste manier om ze te plaatsen: bestaat wat je wilt al als sectietype of als extensie in de store, neem dan het native blok, dat zal altijd beter geïntegreerd en beter onderhouden zijn. Bestaat wat je wilt nergens en zou de offerte van een ontwikkelaar het project doden, beschrijf het dan. Daar doet ze iets wat niets anders deed.

En test ze zoals je het werk van een aannemer zou testen: op een echte telefoon, met echte content, voordat je ze publiceert.

De blog loopt elk punt van dit hoofdstuk af en toont wat het echt oplevert, prompt inbegrepen.

• Het resultaat beschrijven in plaats van de methode: zeven woorden volstaan voor een volledige geolocatiefunctie, stap voor stap uit elkaar gehaald in GPS-geheugen en Maps uit één enkele zin.
• Je bestanden: wat de assistent ermee kan doen, formaat per formaat, in AI Extension Builder: upload je eigen bestanden.
• De gedeelde database: wat de studio voor je aanmaakt, tabellen en toegangsregels inbegrepen, in AI Extension Builder: koppel Supabase aan je app.
• En de beperking, netjes getest: een speelbaar spel met zijn gedeelde ranglijst, dat nog altijd een sectie van je app is, in Bouw een spel met ranglijst in je app, zonder code.

De drie andere instrumenten wonen in het back office. Dit doet het omgekeerde: het opent je app voor de AI-tools die je elders al gebruikt, Claude, ChatGPT, Cursor of een andere.

Het mechanisme heet een MCP-server, van Model Context Protocol. De versie in één zin: het is een standaardstopcontact waarmee een AI op je app kan handelen, in plaats van er alleen over te praten. Je vraagt welke tien producten deze maand het best verkochten, en ze gaat het antwoord echt in je shop halen. Je vraagt een melding voor zes uur 's avonds in te plannen, en de melding staat ingepland.

Het scherm is bewust kort.

Het bevat twee dingen. Het adres van je server, met een kopieerknop, dat je app en geen andere aanduidt. En je API-sleutels, die je vanaf deze pagina in sets aanmaakt, waarbij elke set kan worden ingetrokken zonder de andere te raken.

De verbinding zelf gebeurt hier niet. Ze vertrekt vanaf de andere kant: het is in Claude of in ChatGPT dat je GoodBarber toevoegt, zoals je eender welk ander instrument zou toevoegen, en de sleutel die je op deze pagina aanmaakt, identificeert je daar. Houd die richting voor ogen, ze verklaart waarom het scherm zo kort is: GoodBarber opent het stopcontact, je AI komt zich erin steken.

De procedure is per tool gepubliceerd: Claude verbinden, ChatGPT en Codex verbinden, en het volledige overzicht van MCP.

Een open stopcontact zegt je niet wat je moet vragen. Dat is de taak van de 44 skills die GoodBarber openlijk op GitHub publiceert, bereikbaar via de link op datzelfde scherm. Elke skill is een geschreven recept dat je AI leert een courante taak van begin tot eind uit te voeren.

Ze zijn open en herdistribueerbaar, wat vooral voor resellers telt: ze kunnen worden hernoemd en onder hun eigen merk opnieuw worden gepubliceerd.

Wat het verandert: de repetitieve handelingen en de vragen om op te volgen. Je beeld op maandagochtend krijgen zonder vier schermen te openen, twintig productpagina's in één keer rechtzetten, een campagne voorbereiden door ze te dicteren. Dat zijn taken waarbij het back office veel kliks vraagt en heel weinig beslissingen.

Wat het niet verandert: de verantwoordelijkheid blijft de jouwe. Het platform is klaar voor agents, het staat niet op de automatische piloot. Een AI die op je app is aangesloten, handelt in je naam, op echte gegevens, en heeft je oordeel niet over wat gepubliceerd hoort te worden. Begin met verzoeken die lezen vóór verzoeken die schrijven, controleer wat er is gedaan, en houd de hand op alles wat naar je gebruikers vertrekt.

Een icoon opent de werkbalk van de editor, links van de opmaakknoppen. Je vindt het op dezelfde plek in een artikel, in een evenement en in een locatie. Het klapt vijf commando's uit, en het verschil ertussen is het waard te begrijpen voordat je klikt.

Vier ervan werken op de tekst die je hebt geselecteerd: aanvullen, samenvatten, vertalen, de toon veranderen. Nooit op de hele pagina, altijd op de gemarkeerde passage, waardoor je één alinea kunt herwerken zonder de andere te raken. De vertaling dekt zeven talen: Duits, Engels, Frans, Italiaans, Nederlands, Portugees en Spaans. De toon komt in vijf registers, van didactisch tot ongedwongen, via professioneel, empathisch en neutraal.

Het vijfde commando, midden in het menu, is een vrije assistent, en het is het enige dat van nul vertrekt: je beschrijft wat je wilt krijgen.

Vandaar de logica van het instrument, die het waard is te begrijpen voordat je klikt: de assistent herwerkt een tekst, hij vult geen blanco pagina, tenzij je hem precies zegt wat erin moet. De gewoonte die daaruit volgt is eenvoudig, en ze bespaart je de vraag waarom er niets gebeurt: eerst selecteren, dan vragen.

De winst zit in het volume, niet in het losse stuk. Een shop die veertig producten online zet, heeft veertig beschrijvingen te schrijven, allemaal op dezelfde manier opgebouwd, allemaal vervelend om te maken en toch beslissend voor zowel SEO als verkoop. Een uitgever die in drie talen werkt, doet hetzelfde vertaalwerk drie keer. Die herhalingen neemt de assistent op zich.

Hij vangt ook verschillen in register op. Een tekst die door een ingenieur is geschreven en door de didactische toon is gehaald, wordt leesbaar voor een klant zonder dat iemand met de auteur hoeft te onderhandelen.

De assistent schrijft correct, hij schrijft niet zoals jij. Hij levert nette, gemiddelde tekst zonder scherpe kantjes, en die kantjes zijn juist wat je app onderscheidt van de dertig andere in je vakgebied. Gebruik hem voor het ondankbare werk, houd je stem voor waarvoor je lezers bij jou komen, en lees alles wat onder je naam vertrekt.

Eén eenvoudige regel, die de teams die hem goed gebruiken aanhouden: AI schrijft de eerste versie, nooit de laatste.

Het instrument heet Genius Palette in de Extensions Store, en de link die het in gang zet heet Magic palette op het kleurenscherm. Het is hetzelfde.

De link staat rechtsboven het blok met de kleurenthema's. Eén klik, en het hele schema verandert tegelijk: de twee kleuren van de header, de vier hoofdkleuren waarmee Smart Design de rest van de app opbouwt, en de secundaire kleuren eronder.

Klik opnieuw en je krijgt een compleet ander voorstel: je genereert opnieuw tot je op een schema uitkomt dat je aanspreekt. Een knop zet de oorspronkelijke kleuren terug, en vooral: er wordt niets op je app toegepast tot je bevestigt, de voettekst laat je tot op het einde vrij om te annuleren. Je kunt er dus vijftien proberen zonder iets te riskeren.

Wat het palet niet doet: het weet niets van je logo, je huisstijl, of het veld waarin je concurreert. Het is uitstekend om van een blanco pagina weg te komen, of om drie richtingen te tonen aan wie niet kan kiezen. Het vervangt geen merkidentiteit wanneer je er een hebt.

Een nuttige gewoonte: zodra je een palet hebt toegepast, open je twee of drie echte schermen in de preview, een lijst, een artikel, een formulier. Een schema dat op vier stalen aantrekkelijk oogt, kan op een dichte lijst onleesbaar blijken.

GoodBarber opent de deur, het verkoopt niet wat er doorheen komt. De vier instrumenten liggen binnen handbereik in je back office, maar de MCP-server veronderstelt dat je aan je kant al Claude, ChatGPT of een gelijkwaardig instrument hebt, met het abonnement dat daarbij hoort.

AI werkt goed op wat al op orde is. Dat geldt voor alle vier de instrumenten, en het is wat ze het minst zichtbaar gemeen hebben. Een AI die een warrige tekst herwerkt, levert een warrige tekst op die goed leest. Een palet dat over een app met een onleesbare structuur wordt gelegd, maakt die niet leesbaar. Eerst opruimen, dan versnellen.

Begin met één. Die vier instrumenten raken vier heel verschillende momenten in je werk, en niets zegt dat je ze samen moet oppakken. Neem het instrument dat bij je pijnlijkste week past: de functiebouwer als een project vastzit bij gebrek aan een ontwikkelaar, de MCP-server als je meer tijd besteedt aan je app raadplegen dan besturen, de schrijfassistent als je veel publiceert, het palet als je pas begint.