Sköta din app med AI

De finns redan i din app. Inget att installera, inget att slå på innan du börjar: du behöver bara veta var du ska titta.

Funktionsbyggaren, MCP-servern och paletten fungerar likadant i innehållsappar och i e-handelsappar. Skrivassistenten dyker upp överallt där det finns en redigerare för formaterad text: artiklar, evenemang, platser.

Det här är det senaste av de fyra, och det mest överraskande att se arbeta. Dess ingång ligger inte där du skulle leta efter den: den sitter i väljaren för avsnittstyp.

Gå till My App › Structure, klicka på Add, och titta på den första rutan i listan, före artiklar och foton: den som bygger ett avsnitt med AI. I stället för att välja en befintlig avsnittstyp beskriver du den som inte finns.

Skärmen öppnas i två kolumner. En konversation till vänster. En förhandsvisning av det som byggts till höger. Du beskriver vad du vill ha, på vilket språk du vill, så detaljerat du vill. Assistenten bygger det, talar om i en mening vad den gjorde, och förhandsvisningen fylls i.

Du håller konversationen igång för att justera. Varje utbyte ger en version, och historiken behåller dem alla, var och en märkt med förfrågan som gav den. Att gå tillbaka är alltid möjligt, och det är det som gör det tryggt att experimentera.

En andra flik ger dig den genererade koden, med tilläggets filer. Du behöver inte gå dit, och den stora majoriteten av användarna kommer aldrig att göra det. Den finns till för dem som kan läsa den, eller för en utvecklare du kallar in till hjälp.

När resultatet passar dig publicerar en knapp det till din app, där det blir ett avsnitt som vilket annat som helst, i din meny.

Det här är vanan som ändrar kvaliteten på det du får mer än något annat. Säg vad funktionen ska göra, inte hur den ska bära sig åt. ”En knapp för att komma ihåg var jag parkerat bilen, och en till som lotsar mig tillbaka till den” räcker: assistenten hittar plattformens egna verktyg själv, platsbehörigheten din app redan har, telefonens kartapp, enhetens minne.

Namnger du en bestämd teknik eller en utomstående tjänst puttar du ut den ur den ramen. Då måste du uttryckligen tillåta åtkomst till den tjänsten, och det som fungerade som en inbyggd funktion blir en funktion kopplad till omvärlden.

Studion rymmer tre diskreta paneler som ändrar arten av det du kan be om.

Den första tar emot dina filer: bilder, i så gott som alla format, och datatabeller i CSV, TSV eller JSON. Släppta där ligger de hos GoodBarber och får en stabil adress, så att funktionen kan använda dem utan att vara beroende av en utomstående tjänst. För att peka på en i din förfrågan skriver du snabel-a följt av början på dess namn.

Det är den här panelen som förvandlar en fil till ett avsnitt: en katalog, en prislista, ett prisrutnät blir bläddringsbara i appen utan att gå via CMS:et. Med en begränsning värd att känna till i dag: assistenten läser dina tabeller på deras adress, den analyserar dem inte kolumn för kolumn. Att visa dem, ja; att korsköra dem i detalj, inte ännu.

Den andra lagrar åtkomstnycklar till utomstående tjänster, för när funktionen du beskriver måste fråga en tjänst som är din egen.

Den tredje kopplar in en delad databas. Utan den stannar allt dina användare skriver in i funktionen på deras enhet, och ingen annan ser det. Med den lagras uppgifterna på servern och delas av alla. Det är skillnaden mellan en personlig kaloriräknare och en topplista delad av hela din community: samma funktion, två olika produkter.

Du behöver inte lista ut det på egen hand: när det du beskriver kräver ett gemensamt minne erbjuder sig studion att koppla in ett själv. En knapp, en anslutning till ditt Supabase-konto, och tabellerna och åtkomstreglerna skapas åt dig. Senare funktioner återanvänder samma anslutning med ett klick.

Det du får är en funktion byggd på beställning, inte en byggsten i produkten. Den byggs med det som finns till hands: inget utomstående bibliotek, ingen upphovsrättsskyddad bild, allt på skärmen är original. Och den förblir ett avsnitt inne i din app, inte ett program för sig: studion bygger ett minispel, den är ingen spelmotor.

Rätt sätt att placera den: när det du vill ha redan finns som en avsnittstyp eller som ett tillägg i butiken ska du ta det inbyggda blocket, det kommer alltid att vara bättre integrerat och bättre underhållet. När det du vill ha inte finns någonstans och en utvecklares offert skulle döda projektet, beskriv det. Det är där den gör något inget annat gjorde.

Och testa den som du skulle testa en hantverkares arbete: på en riktig telefon, med riktigt innehåll, innan du publicerar den.

Bloggen går igenom varje punkt i det här kapitlet och visar vad det ger på riktigt, prompten inkluderad.

• Att beskriva resultatet snarare än metoden: sju ord räcker för att få en komplett geolokaliseringsfunktion, plockad isär steg för steg i Prompt teardown: GPS memory and Maps from a single sentence.
• Dina filer: vad assistenten kan göra med dem, format för format, i AI Extension Builder: upload your own files.
• Den delade databasen: vad studion skapar åt dig, tabeller och åtkomstregler inkluderade, i AI Extension Builder: add a Supabase database to your app.
• Och begränsningen, ordentligt testad: ett spelbart spel med sin delade topplista, som ändå är ett avsnitt i din app, i Can a no-code app builder make Flappy Bird? I tried.

De andra tre verktygen bor i back office. Det här gör tvärtom: det öppnar din app för de AI-verktyg du redan använder på annat håll, Claude, ChatGPT, Cursor eller något annat.

Mekanismen kallas en MCP-server, för Model Context Protocol. Versionen på en mening: det är ett standarduttag som låter en AI agera på din app, i stället för att bara tala om den. Du frågar vilka tio produkter som sålde bäst den här månaden, och den går faktiskt och hämtar svaret i din butik. Du ber den schemalägga en avisering till klockan sex på kvällen, och aviseringen schemaläggs.

Skärmen är medvetet kort.

Den rymmer två saker. Din serveradress, med sin kopieringsknapp, som identifierar din app och ingen annan. Och dina API-nycklar, som du skapar i uppsättningar från den här sidan, där varje uppsättning kan återkallas utan att de andra berörs.

Själva anslutningen sker inte här. Den utgår från andra hållet: det är i Claude eller i ChatGPT du lägger till GoodBarber, på samma sätt som du skulle lägga till vilket annat verktyg som helst, och nyckeln du skapat på den här sidan är det som identifierar dig där. Håll den riktningen i minnet, den förklarar varför skärmen är så kort: GoodBarber öppnar uttaget, din AI kommer och kopplar in sig i det.

Tillvägagångssättet är publicerat verktyg för verktyg: anslut Claude, anslut ChatGPT och Codex, och den fullständiga MCP-översikten.

Ett öppet uttag talar inte om vad du ska be om. Det är jobbet för de 44 färdigheter GoodBarber publicerar öppet på GitHub, nåbara från länken på samma skärm. Var och en är ett nedskrivet recept som lär din AI att ta en vanlig uppgift från början till slut.

De är öppna och får spridas vidare, vilket betyder mest för återförsäljare: de kan döpas om och publiceras på nytt under eget varumärke.

Vad det ändrar: repetitiva handgrepp och bevakningsfrågor. Att få sin bild av läget på måndagsmorgonen utan att öppna fyra skärmar, att rätta tjugo produktsidor på ett svep, att förbereda en kampanj genom att diktera den. Det är uppgifter där back office kräver många klick och väldigt få beslut.

Vad det inte ändrar: ansvaret förblir ditt. Plattformen är redo för agenter, den är inte på autopilot. En AI som är kopplad till din app agerar i ditt namn, på verkliga data, och den har inte ditt omdöme om vad som bör publiceras. Börja med förfrågningar som läser före förfrågningar som skriver, kontrollera vad som gjorts, och håll handen på det som går ut till dina användare.

En ikon öppnar redigerarens verktygsfält, till vänster om formateringsknapparna. Du hittar den på samma ställe i en artikel, i ett evenemang och i en plats. Den fäller ut fem kommandon, och skillnaden mellan dem är värd att förstå innan du klickar.

Fyra av dem arbetar på texten du har markerat: fyll i den, sammanfatta den, översätt den, ändra dess ton. Aldrig på hela sidan, alltid på det markerade stycket, vilket låter dig arbeta om ett stycke utan att röra de andra. Översättningen täcker sju språk: engelska, franska, italienska, nederländska, portugisiska, spanska och tyska. Tonen finns i fem register, från pedagogisk till vardaglig, via professionell, empatisk och neutral.

Det femte, mitt i menyn, är en fri assistent, och det är det enda som utgår från ingenting: du beskriver vad du vill få.

Därav verktygets logik, värd att förstå innan du klickar: assistenten arbetar om en text, den fyller inte ett tomt blad, om du inte säger exakt vad som ska stå där. Vanan som följer är enkel, och den besparar dig att undra varför ingenting händer: markera först, fråga sedan.

Vinsten syns på volym, inte på det enstaka stycket. En butik som lägger ut fyrtio produkter på nätet har fyrtio beskrivningar att skriva, alla uppbyggda på samma sätt, alla tröttsamma att producera och ändå avgörande för både SEO och försäljning. En utgivare som arbetar på tre språk gör samma översättningsjobb tre gånger. De upprepningarna är det assistenten tar upp.

Den tar också upp missmatchningar i register. En text skriven av en ingenjör, körd genom den pedagogiska tonen, blir läsbar för en kund utan att någon behöver förhandla med författaren.

Assistenten skriver korrekt, den skriver inte som du. Den producerar ren, medelmåttig prosa utan skrovligheter, och skrovligheterna är just det som skiljer din app från de trettio andra i din bransch. Använd den till det otacksamma materialet, behåll din röst till det dina läsare kommer till dig för, och läs allt som går ut i ditt namn.

En enkel regel, som hålls av de team som använder den väl: AI skriver det första utkastet, aldrig det sista.

Verktyget heter Genius Palette i Extensions Store, och länken som drar igång det heter Magic palette på färgskärmen. Det är samma sak.

Länken sitter uppe till höger i blocket med färgteman. Ett klick, och hela skalan ändras på en gång: de två sidhuvudsfärgerna, de fyra huvudfärgerna som Smart Design använder för att bygga resten av appen, och sekundärfärgerna nedanför.

Klicka igen och du får ett helt annat förslag: du genererar om tills du landar på en skala som talar till dig. En knapp lägger tillbaka ursprungsfärgerna, och framför allt tillämpas ingenting på din app förrän du bekräftar, där sidfoten lämnar dig fri att avbryta ända in i slutet. Du kan alltså prova femton av dem utan att riskera något.

Vad paletten inte gör: den vet ingenting om din logotyp, dina varumärkesriktlinjer, eller branschen du konkurrerar i. Den är utmärkt för att komma bort från ett tomt blad, eller för att visa tre riktningar för någon som inte kan bestämma sig. Den ersätter inte en varumärkesidentitet när du har en.

En nyttig vana: när du väl tillämpat en palett ska du öppna två eller tre riktiga skärmar i förhandsvisningen, en lista, en artikel, ett formulär. En skala som ser tilltalande ut på fyra färgprover kan visa sig oläslig på en tät lista.

GoodBarber öppnar dörren, det säljer inte det som kommer genom dörren. De fyra verktygen finns inom räckhåll från ditt back office, men MCP-servern förutsätter att du redan har Claude, ChatGPT eller ett likvärdigt verktyg på din sida, med prenumerationen som hör till.

AI fungerar bra på det som redan är i ordning. Det gäller alla fyra verktygen, och det är det minst uppenbara de har gemensamt. En AI som arbetar om en förvirrad text producerar en förvirrad text som läses väl. En palett lagd över en app vars struktur är oläslig gör den inte läslig. Städa först, snabba på sedan.

Börja med ett. De fyra verktygen berör fyra mycket olika stunder i ditt arbete, och ingenting säger att du måste ta dem till dig samtidigt. Ta det som motsvarar din mest smärtsamma vecka: funktionsbyggaren om ett projekt står stilla i brist på en utvecklare, MCP-servern om du lägger mer tid på att konsultera din app än på att driva den, skrivassistenten om du publicerar mycket, paletten om du precis har börjat.