Alle apps

Uw app beheren met AI

De AI van GoodBarber werkt niet alleen op de app die uw gebruikers zien. Vier instrumenten werken aan uw kant van het scherm, en elk opent een deur die tot nu toe dicht zat: een functie krijgen die nergens anders bestaat, uw app besturen vanuit Claude of ChatGPT, uw content schrijven met een tweede paar handen, een kleurenschema vinden zonder er een dag aan te verliezen.

Hoofdstuk 1Vier instrumenten, en waar u ze vindt

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

Het instrumentWat het doetWaar u het vindt
AI Extension BuilderBouwt een sectie op basis van uw beschrijvingMy App > Structure > Add, eerste tegel in de lijst
MCP ServerOpent uw app voor Claude, ChatGPT, Cursor en andere AI-toolsSettings > MCP Server & Public APIs
AI AssistantSchrijft, vat samen, vertaalt en herschrijft uw contentEerste knop in de werkbalk van de editor
Genius PaletteStelt een kleurenschema voor de hele app voorMy App > App style > Colors

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.

Hoofdstuk 2Beschrijf een functie, en krijg ze

Dit is het recentste van de vier, en het verrassendste om aan het werk te zien. De ingang zit niet waar u 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, beschrijft u het type dat niet bestaat.

Hoe het werkt

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

U 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 u de gegenereerde code, met de bestanden van de extensie. U 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 u erbij haalt.

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

De creatiestudio, op een donkere achtergrond, in twee kolommen. Links het gesprek: het verzoek van de gebruiker in een kader, daarna het antwoord van de assistent dat samenvat wat hij heeft gebouwd; onderaan het veld om verder te gaan, met een moduskiezer en een verzendknop. Rechts het resultaat als preview binnen een telefooncontour: een quiz in uitvoering, met het nummer van de vraag, de score, een voortgangsbalk en vier antwoorden om uit te kiezen. Rechtsboven wisselen twee knoppen tussen de gespreksweergave en de codeweergave.
Het verzoek links, de werkende functie rechts: de hele lus past op één scherm.

Beschrijf het resultaat, niet de methode

Dit is de gewoonte die de kwaliteit van wat u 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 uw app al heeft, de kaartenapp van de telefoon, het geheugen van het toestel.

Noemt u een specifieke techniek of een externe dienst, dan duwt u hem uit dat kader. U zult dan uitdrukkelijk toegang tot die dienst moeten toestaan, en wat als ingebouwde functie werkte, wordt een functie die naar buiten is bedraad.

Drie instellingen die het veld sterk verbreden

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

Het eerste neemt uw 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 uw verzoek naar te verwijzen, typt u 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 u vandaag moet kennen: de assistent leest uw 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 u beschrijft een eigen dienst moet bevragen.

Het derde koppelt een gedeelde database. Zonder die database blijft wat uw 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 uw hele community deelt: dezelfde functie, twee verschillende producten.

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

De beperking die u moet kennen

Wat u 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 uw app, geen software op zich: de studio bouwt een minispel, ze is geen spelengine.

De juiste manier om ze te plaatsen: bestaat wat u 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 u 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 u het werk van een aannemer zou testen: op een echte telefoon, met echte content, voordat u ze publiceert.

Vier voorbeelden, met de resultaten in beeld

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

Hoofdstuk 3Uw app besturen vanuit Claude of ChatGPT

De drie andere instrumenten wonen in het back office. Dit doet het omgekeerde: het opent uw app voor de AI-tools die u 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 uw app kan handelen, in plaats van er alleen over te praten. U vraagt welke tien producten deze maand het best verkochten, en ze gaat het antwoord echt in uw shop halen. U vraagt een melding voor zes uur 's avonds in te plannen, en de melding staat ingepland.

Waar u het instelt

Het scherm is bewust kort.

Het bevat twee dingen. Het adres van uw server, met een kopieerknop, dat uw app en geen andere aanduidt. En uw API-sleutels, die u 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 u GoodBarber toevoegt, zoals u eender welk ander instrument zou toevoegen, en de sleutel die u op deze pagina aanmaakt, identificeert u daar. Houd die richting voor ogen, ze verklaart waarom het scherm zo kort is: GoodBarber opent het stopcontact, uw AI komt zich erin steken.

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

Waar u het vindtSettings MCP Server & Public APIs
Het instellingenscherm dat de app voor externe AI's opent, in twee kaarten. De eerste geeft het adres van de server in een alleen-lezenveld, hier vervaagd omdat het bij één app hoort, met een knop om het te kopiëren, en een link naar de publieke verzameling recepten. De tweede maakt sets toegangssleutels aan en verwijst naar de technische documentatie.
Twee blokken: het adres om te kopiëren, en sleutels die u één voor één kunt intrekken.

De 44 kant-en-klare recepten

Een open stopcontact zegt u niet wat u 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 uw AI leert een courante taak van begin tot eind uit te voeren.

FamilieHoeveelHet soort verzoeken dat ze dekken
eCommerce18Bestsellers, voorraadniveaus, promotiecampagnes, klantenkennis
Content en CMS11Een artikel publiceren, nakijken wat online staat, een redactionele kalender bijhouden
Abonnementen10Abonnementen opvolgen, verlengingsdata bewaken, een melding richten
Community5Publieksrapporten, meldingen aan iedereen, overzicht van de toestellen

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, en wat niet

Wat het verandert: de repetitieve handelingen en de vragen om op te volgen. Uw 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 uwe. Het platform is klaar voor agents, het staat niet op de automatische piloot. Een AI die op uw app is aangesloten, handelt in uw naam, op echte gegevens, en heeft uw 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 uw gebruikers vertrekt.

Hoofdstuk 4De assistent die met u meeschrijft

Een icoon opent de werkbalk van de editor, links van de opmaakknoppen. U 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 u klikt.

Vier ervan werken op de tekst die u hebt geselecteerd: aanvullen, samenvatten, vertalen, de toon veranderen. Nooit op de hele pagina, altijd op de gemarkeerde passage, waardoor u éé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: u beschrijft wat u wilt krijgen.

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

De werkbalk van de contenteditor. De eerste knop, gemarkeerd met een sterretjesicoon en uitgelicht omdat hij openstaat, klapt een menu met vijf commando's uit: vier werken op de geselecteerde tekst, het derde in de lijst is de vrije assistent. De laatste twee dragen een pijltje dat een submenu aankondigt. Erachter is het bewerkveld leeg.
Vier van de vijf commando's werken op de passage die u hebt geselecteerd: alleen de vrije assistent vertrekt van nul.

Wat het echt verandert

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 beperking die u moet kennen

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

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

Hoofdstuk 5Een kleurenschema in één klik

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 u krijgt een compleet ander voorstel: u genereert opnieuw tot u op een schema uitkomt dat u aanspreekt. Een knop zet de oorspronkelijke kleuren terug, en vooral: er wordt niets op uw app toegepast tot u bevestigt, de voettekst laat u tot op het einde vrij om te annuleren. U kunt er dus vijftien proberen zonder iets te riskeren.

Wat het palet niet doet: het weet niets van uw logo, uw huisstijl, of het veld waarin u 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 u er een hebt.

Een nuttige gewoonte: zodra u een palet hebt toegepast, opent u 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.

Waar u het vindtMy App App style Colors
Het kleurenblok van de app in het back office. Bovenaan het huidige thema midden in een carrousel van thema's, met rechts de link die de generatie in gang zet, en over de miniatuur een knop om naar de beginkleuren terug te keren. Daaronder de twee kleuren van de header, daarna de vier hoofdkleuren, elk op een label met hun hexadecimale code. Helemaal onderaan twee knoppen: annuleren, of toepassen.
Een volledig voorstel in één klik, en er bereikt niets de app tot u het goedkeurt.

Hoofdstuk 6Drie dingen om te weten voordat u begint

GoodBarber opent de deur, het verkoopt niet wat er doorheen komt. De vier instrumenten liggen binnen handbereik in uw back office, maar de MCP-server veronderstelt dat u aan uw 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 uw werk, en niets zegt dat u ze samen moet oppakken. Neem het instrument dat bij uw pijnlijkste week past: de functiebouwer als een project vastzit bij gebrek aan een ontwikkelaar, de MCP-server als u meer tijd besteedt aan uw app raadplegen dan besturen, de schrijfassistent als u veel publiceert, het palet als u pas begint.